/* ============================================================
   Lucky River — Shared Frontend Design Tokens
   Single source of truth for the colors/fonts/radii used across
   the dashboard, login, and home pages. Loaded before each of
   those stylesheets (dashboard.css / login.css / home.css), which
   no longer declare their own copies of these tokens.

   Same values as before this consolidation — no palette change.
   The one adjustment: login.css and home.css previously used a
   slightly tighter radius scale (--r-md/lg/xl: 14/18/22px) than
   dashboard.css (16/20/24px); unified here to dashboard's values
   so cards look consistently rounded across every page.
   ============================================================ */
:root {
    --bg:           #080808;
    --surface-1:    #111111;
    --surface-2:    #191919;
    --surface-3:    #222222;
    --gold:         #C9A84C;
    --gold-bright:  #EAC96A;
    --gold-vivid:   #F5D57A;
    --gold-dim:     rgba(201,168,76,.12);
    --gold-border:  rgba(201,168,76,.22);
    --text-1:       #F5F0E8;
    --text-2:       #9E9689;
    --text-3:       #4E4A45;
    --green:        #2EA87E;
    --green-dim:    rgba(46,168,126,.14);
    --red:          #E05252;
    --red-dim:      rgba(224,82,82,.14);
    --blue:         #5B8DEF;
    --purple:       #A78BFA;
    --r-sm:         10px;
    --r-md:         16px;
    --r-lg:         20px;
    --r-xl:         24px;
    --r-2xl:        28px;
    --r-pill:       999px;
    --font-display: 'Space Grotesk', 'DM Sans', -apple-system, sans-serif;
    --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Neutral hairline border (was referenced as an undefined --border in
       dashboard.css — now real). Matches the admin card border. */
    --border:       rgba(255,255,255,.07);

    /* Text / icon colour to sit on a solid gold fill. Was written as
       #0D0D0D / #080808 / #000 / #0a0700 in different places. */
    --on-gold:      #080808;

    /* Single ambient gold radial-glow wash (dashboard ::before, login &
       home art scenes). Previously .056 / .07 / .055 in three files. */
    --glow-gold:    rgba(201,168,76,.055);

    /* Translucent panel surface (login card over the art photo). Was
       rgba(13,13,13,.96) — now surface-1 at the same opacity. */
    --surface-glass: rgba(17,17,17,.96);

    /* Medal / podium roles (were #A8A8A8 / #CD7F32 / rgba(192,192,192,*) /
       rgba(205,127,50,*) repeated across the standings CSS). */
    --medal-gold:      var(--gold);
    --medal-silver:    #C0C0C0;
    --medal-bronze:    #CD7F32;
    --medal-silver-dim: rgba(192,192,192,.14);
    --medal-bronze-dim: rgba(205,127,50,.14);

    /* Seat-map felt badge palette — deliberately brighter than --green /
       --red so the badges pop on the felt image. One definition, consumed
       by BOTH the dashboard (dashboard.css) and admin (lr_styles) seat maps. */
    --seat-ledig-bg:     rgba(18, 88, 65, .85);
    --seat-ledig-border: rgba(46, 200, 148, .80);
    --seat-ledig-glow:   rgba(46, 200, 148, .20);
    --seat-ledig-dot:    #3edda0;
    --seat-ledig-label:  #6ff5c0;
    --seat-opptatt-bg:     rgba(22, 10, 10, .88);
    --seat-opptatt-border: rgba(200, 70, 70, .65);
    --seat-opptatt-glow:   rgba(180, 60, 60, .15);
    --seat-opptatt-dot:    #c84848;
    --seat-opptatt-label:  #e07070;
    --seat-vent-bg:     rgba(100, 76, 10, .85);
    --seat-vent-border: rgba(201, 168, 76, .90);
    --seat-vent-glow:   rgba(201, 168, 76, .20);
    --seat-vent-dot:    var(--gold-vivid);
    --seat-vent-label:  var(--gold-vivid);

    /* Type scale — use where a size is a plain body/label size. One-off
       display sizes keep their own component tokens (below). */
    --fs-2xs:  11px;
    --fs-xs:   12px;
    --fs-sm:   13px;
    --fs-base: 14px;
    --fs-md:   16px;
    --fs-lg:   18px;
    --fs-xl:   22px;

    /* One-off display sizes */
    --fs-hero:        54px;
    --fs-live-clock:  44px;
}

/* ── Shared decorative corner bracket ───────────────────────────────────
   Used by the login and home pages' art panels (playing-card-style corner
   marks). Was duplicated as .lr-pc (login.css) / .lr-hc (home.css) — same
   rules, different class name and a 2px size difference; unified here. */
.lr-corner-bracket {
    position: absolute;
    width: 20px;
    height: 20px;
    border-style: solid;
    border-color: rgba(201, 168, 76, 0.2);
    border-width: 0;
}
.lr-corner-bracket--tl { top: 0; left: 0; border-top-width: 1px; border-left-width: 1px; border-radius: 3px 0 0 0; }
.lr-corner-bracket--tr { top: 0; right: 0; border-top-width: 1px; border-right-width: 1px; border-radius: 0 3px 0 0; }
.lr-corner-bracket--bl { bottom: 0; left: 0; border-bottom-width: 1px; border-left-width: 1px; border-radius: 0 0 0 3px; }
.lr-corner-bracket--br { bottom: 0; right: 0; border-bottom-width: 1px; border-right-width: 1px; border-radius: 0 0 3px 0; }