/*
 * Night Court · Red (master plan 0.7j): the tokens and the two self-hosted typefaces every Archive Network page shares,
 * the public site (site.css) and the Operations dashboard (dash.css) alike. Load it first. Archivo (variable, wdth 62-125)
 * for text and the display caps, Geist Mono for numbers; both OFL (licenses/). The red is Night Red, #E0193E (owner,
 * 2026-10-12): a signal, never a wash.
 */

@font-face {
  font-family: 'Archivo';
  src: url('/assets/archivo.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('/assets/geist-mono.woff2') format('woff2');
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;
  /* Ground and surfaces */
  --bg: #08090C;
  --bg-deep: #0B0C10;
  --s1: #0F1115;
  --s2: #15181E;
  --s3: #1C2028;
  --line: #262A33;
  --line-soft: #15181E;
  --line-strong: #3A3F4B;
  --edge: #1C2028;
  /* Text (on --bg: 18.3, 10.7, 6.3 and 4.4 to 1; --faint only for large text and marks) */
  --text: #F4F5F7;
  --text-2: #B8BEC9;
  --muted: #8A919E;
  --faint: #6E7685;
  /* Signals */
  --red: #E0193E;
  --red-text: #FF4D6A;
  --red-hover: #FF8095;
  --red-wash: rgba(224, 25, 62, 0.12);
  --red-edge: rgba(224, 25, 62, 0.45);
  --red-deep: #2A0B12;
  --ok: #3DDC97;
  --ok-wash: rgba(61, 220, 151, 0.12);
  --warn: #FFC24B;
  --warn-wash: rgba(255, 194, 75, 0.1);
  --warn-edge: rgba(255, 194, 75, 0.45);
  /* Network Pass */
  --gold: #E0B04A;
  --gold-wash: rgba(224, 176, 74, 0.12);
  --gold-deep: #2A2111;
  --gold-edge: #3A2C12;
  --gold-hover: #F0C766;    /* the gold button under the pointer (*ours*; --bg text on it 12.4:1) */
  /* Shape */
  --r1: 4px;
  --r2: 8px;
  --r3: 12px;
  --r4: 16px;
  /* Motion: quick, crisp, no bounce; only transform and opacity move */
  --ease: cubic-bezier(.2, 0, 0, 1);
  --ease-exit: cubic-bezier(.3, 0, 1, 1);
  --t-hover: 120ms;
  --t-panel: 240ms;
  --t-page: 320ms;
  /* Type */
  --sans: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'Geist Mono', ui-monospace, Consolas, monospace;

  /* ---- The public site's scale (site.css; the web fix pass, 2026-10-12). Everything above stays as it was: the
     dashboard (dash.css) reads those names. Values marked *ours* are the site's own choices. ---- */
  /* Plain ends and edges */
  --white: #FFFFFF;
  --black: #000000;
  --red-press: #C8153A;     /* the primary button under the pointer and pressed: white text on it 5.79:1 (#EE2249 was 4.23) */
  --red-line: #5C1424;      /* an error banner's edge */
  --red-ink: #1A0A0F;       /* an error banner's ground */
  --warn-line: #4A3A16;     /* a notice banner's edge */
  --line-hover: #4A505E;    /* a control's edge under the pointer */
  --line-input: #5F6673;    /* a text box's edge: 3.3:1 on --s1, 3.5:1 on --bg (WCAG 1.4.11; the final audit, 2026-10-16; *ours*) */
  --medal-silver: #C9CDD3;  /* the leaderboards' second place (on --s2: 11.0:1) */
  --medal-bronze: #D39A6A;  /* the third (on --s2: 7.2:1) */
  /* The same colours, see-through (a = alpha, in hundredths) */
  --white-a00: rgba(255, 255, 255, 0);
  --white-a02: rgba(255, 255, 255, 0.02);
  --white-a05: rgba(255, 255, 255, 0.05);
  --white-a07: rgba(255, 255, 255, 0.07);
  --white-a16: rgba(255, 255, 255, 0.16);
  --white-a32: rgba(255, 255, 255, 0.32);
  --white-a55: rgba(255, 255, 255, 0.55);
  --black-a00: rgba(0, 0, 0, 0);
  --black-a28: rgba(0, 0, 0, 0.28);
  --black-a35: rgba(0, 0, 0, 0.35);
  --black-a50: rgba(0, 0, 0, 0.5);
  --bg-a00: rgba(8, 9, 12, 0);
  --bg-a20: rgba(8, 9, 12, 0.2);
  --bg-a55: rgba(8, 9, 12, 0.55);
  --bg-a70: rgba(8, 9, 12, 0.7);
  --bg-a84: rgba(8, 9, 12, 0.84);
  --bg-a92: rgba(8, 9, 12, 0.92);
  --deep-a80: rgba(11, 12, 16, 0.8);
  --s1-a60: rgba(15, 17, 21, 0.6);
  --s1-a78: rgba(15, 17, 21, 0.78);
  --red-a00: rgba(224, 25, 62, 0);
  --red-a07: rgba(224, 25, 62, 0.07);
  --red-a09: rgba(224, 25, 62, 0.09);
  --red-a18: rgba(224, 25, 62, 0.18);
  --red-a22: rgba(224, 25, 62, 0.22);
  --red-a35: rgba(224, 25, 62, 0.35);
  --gold-a00: rgba(224, 176, 74, 0);
  --gold-a08: rgba(224, 176, 74, 0.08);
  --gold-a16: rgba(224, 176, 74, 0.16);
  --ok-a40: rgba(61, 220, 151, 0.4);
  --ok-a50: rgba(61, 220, 151, 0.5);
  /* Type sizes */
  --fs-micro: 10px;         /* tier marks, tags */
  --fs-label: 11px;         /* caps labels, chips, table heads */
  --fs-caption: 12px;       /* the eyebrow, card labels */
  --fs-small: 13px;         /* notes, asides */
  --fs-ui: 14px;            /* nav, buttons, secondary text */
  --fs-body: 15px;          /* text in cards */
  --fs-text: 16px;          /* the page's text */
  --fs-large: 17px;         /* names in lists, a phone's lead */
  --fs-title-s: 18px;       /* card titles */
  --fs-lead: 19px;          /* lead paragraphs */
  --fs-title: 22px;         /* a game's name, the event hour */
  --fs-stat: 26px;          /* stat values, the record's initial */
  --fs-heading: 30px;       /* a plan's name, a game's name on desktop */
  --fs-cover: 50px;         /* the cover's title */
  --fs-cover-s: 40px;       /* the cover's title on a tablet */
  --fs-name-s: 24px;        /* a game's name on a phone */
  --fs-display-hero: clamp(26px, 4.6vw + 14px, 76px);
  --fs-display-page: clamp(22px, 5.4vw + 8px, 52px);
  --fs-display-section: clamp(26px, 1.4vw + 16px, 34px);
  --fs-display-name: clamp(26px, 1.6vw + 16px, 36px);
  --fs-display-pass: clamp(32px, 2vw + 18px, 44px);
  --fs-display-gate: clamp(24px, 1.4vw + 16px, 32px);
  /* The site's rhythm (*ours*): the room above a section, under its head, between cards and inside one */
  --sp-section: 72px;
  --sp-head: 20px;
  --sp-grid: 16px;
  --sp-card: 24px;
  /* Tracking */
  --track-display: -0.01em;
  --track-none: 0;
  --track-button: 0.1em;
  --track-chip: 0.12em;
  --track-label: 0.16em;
  --track-mono: 0.18em;
  --track-caps: 0.2em;
  /* Archivo's width axis */
  --wdth-normal: 100%;
  --wdth-name: 112%;
  --wdth-title: 118%;
  --wdth-display: 125%;
  /* Shape and the header */
  --r-pill: 999px;
  --header-h: 72px;
  --tap: 44px;              /* the smallest tap target */

  /* ---- The rank ladder's metals (master plan 0.7m B 16a: the Machined Medallion board's palette, each lifted for text on
     the dark surfaces: 7:1 or more on --s1; *ours*). A tier's name, its chip's wash and edge. Never red: red stays Play and live. ---- */
  --ladder-bronze: #D39A6A;
  --ladder-silver: #D5DAE1;
  --ladder-gold: #E0B04A;
  --ladder-platinum: #7FD9CB;
  --ladder-diamond: #7FA6FF;
  --ladder-champion: #F5D27A;
  --ladder-bronze-wash: rgba(211, 154, 106, 0.1);
  --ladder-silver-wash: rgba(213, 218, 225, 0.08);
  --ladder-gold-wash: rgba(224, 176, 74, 0.1);
  --ladder-platinum-wash: rgba(127, 217, 203, 0.1);
  --ladder-diamond-wash: rgba(127, 166, 255, 0.1);
  --ladder-champion-wash: rgba(245, 210, 122, 0.12);
  --ladder-bronze-edge: rgba(211, 154, 106, 0.34);
  --ladder-silver-edge: rgba(213, 218, 225, 0.3);
  --ladder-gold-edge: rgba(224, 176, 74, 0.34);
  --ladder-platinum-edge: rgba(127, 217, 203, 0.34);
  --ladder-diamond-edge: rgba(127, 166, 255, 0.36);
  --ladder-champion-edge: rgba(245, 210, 122, 0.4);
}