/* ============================================================================
   STATION 801 — the event centre.  Layer 3 of 3. Load after core.css.

   Apply with data-theme="events" on <html> for events.the801lr.com, or on any
   element to skin a block (the apex uses it on one of the two doors).

   Skin: light, architectural, oxblood. No established brand existed, so the
   skin's only fixed constraint is to sit on the same warm neutral ramp as the
   lounge. Since 2026-10-01 it shares the lounge's accent FAMILY too: ox700 is
   the hall's step of the one red-brown family the whole property uses. The
   earlier rule was the opposite — get as far from copper in hue as the ramp
   allows — and verdigris vd700 was that answer until the remap. (The retired
   navy comparison that note carried is flagged unverified in tokens.css.)

   Differentiators from the lounge, all token-level, no component forked:
     surface      light  (lounge: dark)
     accent       oxblood #7a2733  (lounge: copper #efb46f)
     display face sans, uppercase, +tracking  (lounge: serif, mixed case)
     radii        4px  (lounge: 0)
   ============================================================================ */

[data-theme="events"] {
  --surface:         var(--c-n50);    /* #fbf8f3 */
  --surface-raised:  var(--c-white);
  --surface-sunken:  var(--c-n100);
  --surface-inverse: var(--c-n900);

  --text:            var(--c-n900);   /* 15.66 on n50 · 16.59 on white */
  --text-muted:      var(--c-n600);   /*  7.48 on n50 ·  7.93 on white */
  --text-on-inverse: var(--c-white);  /* 16.59 on n900 */
  --text-muted-on-inverse: var(--c-n300); /* 7.47 on n900 */

  --accent:            var(--c-ox700); /* 9.15 on n50 · 9.70 on white · 8.33 on n100 */
  --accent-hover:      var(--c-ox600); /* 7.16 on n50 · 7.58 on white · 6.51 on n100 */
  --on-accent:         var(--c-white); /* 9.70 on ox700 · 7.58 on ox600 (hover) */
  --accent-on-inverse: var(--c-ox300); /* 8.36 on n900 · 9.71 on n1000 */

  --border:          var(--c-n200);
  --border-control:  var(--c-n400);   /* 3.52 n50 · 3.73 white · 3.20 n100 */
  --border-on-inverse:         var(--c-n700);
  --border-control-on-inverse: var(--c-n400);  /* 4.45 on n900 */

  --focus-ring:      var(--c-ox700);  /* 9.15 on n50 · 9.70 on white */

  --danger: var(--c-danger-light);    /* 7.05 on n50 */
  --ok:     var(--c-ok-light);        /* 6.73 on n50 */
  --warn:   var(--c-warn-light);      /* 5.59 on n50 */

  --radius-control: var(--r-2);
  --radius-card:    var(--r-2);

  --font-display:      var(--font-sans);
  --font-body:         var(--font-sans);
  --display-transform: uppercase;
  --display-tracking:  var(--tracking-wide);
}

/* Uppercase display text needs positive tracking to stay legible, but the
   longest headings (--fs-6 and up) need it dialled back or the line breaks
   badly on a 360px screen. */
[data-theme="events"] h1,
[data-theme="events"] .x-display,
[data-theme="events"] .c-door__name { letter-spacing: 0.04em; }