/* AROHED brand kit: tokens from the AROHED Design System (Nock on black).
   Ink is the default theme; Paper is for print and the tester app's day mode
   (html.day or [data-theme="paper"]). Fonts are self-hosted (OFL, see fonts/LICENSE-OFL.txt)
   because the STEMLET app's security policy forbids outside fonts. */

@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2"); }

:root, [data-theme="ink"] {
  --surface-100: #121212;
  --surface-200: #1C1E23;
  --surface-300: #262930;
  --hairline: #2A2D33;
  --hairline-2: #3A3E47;
  --text: #FFFFFF;
  --text-muted: #B9BDC7;
  --ring: #FFFFFF;
  --scarlet: #D9262C;
  --scarlet-deep: #B11E24;
  --cobalt: #1E4FD8;
  --cobalt-text: #8FAFFF;   /* cobalt lifted so it reads as text on Ink (4.5:1) */
  --scarlet-text: #FF8A8E;  /* scarlet lifted for error text on Ink; scarlet itself is for fills */
  --kelly: #1A9E4B;
  --kelly-text: #5FD98A;    /* kelly lifted for text on Ink */
  --gold: #F2B705;
  --index: var(--scarlet);
  --fletch-ticketing: var(--scarlet);
  --fletch-permits: var(--gold);
  --fletch-animal: var(--kelly);
  --fletch-nock: var(--cobalt);
  --fletch-amps: var(--ring);
  --verdict-moved: var(--kelly);
  --verdict-not-moved: var(--gold);
  --verdict-inconclusive: var(--text-muted);
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px; --space-5: 44px;
  --radius-sm: 4px; --radius-md: 8px; --radius-tile: 22px;
}

html.day, [data-theme="paper"] {
  --surface-100: #FFFFFF;
  --surface-200: #F3F4F7;
  --surface-300: #E9EBF0;
  --hairline: #E3E5EA;
  --hairline-2: #CDD1D9;
  --text: #121212;
  --text-muted: #4A4F5A;
  --ring: #121212;
  --cobalt-text: #1E4FD8;
  --scarlet-text: #B11E24;
  --kelly-text: #15803A;
  --verdict-not-moved: #A67A00;   /* gold darkened so it reads on Paper */
}

/* The sett stripe: the Oliver tartan laid flat, R120 K8 R8 DB40 R8 G8 R8 G8 LO8.
   Use .sett on an empty element; height is the caller's. */
.sett { display: flex; width: 100%; height: 6px; }
.sett > i { display: block; }
.sett > i:nth-child(1) { flex: 120; background: var(--scarlet); }
.sett > i:nth-child(2) { flex: 8; background: var(--ring); }
.sett > i:nth-child(3) { flex: 8; background: var(--scarlet); }
.sett > i:nth-child(4) { flex: 40; background: var(--cobalt); }
.sett > i:nth-child(5) { flex: 8; background: var(--scarlet); }
.sett > i:nth-child(6) { flex: 8; background: var(--kelly); }
.sett > i:nth-child(7) { flex: 8; background: var(--scarlet); }
.sett > i:nth-child(8) { flex: 8; background: var(--kelly); }
.sett > i:nth-child(9) { flex: 8; background: var(--gold); }

/* Wordmarks */
.wordmark { font-family: var(--font-sans); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); }
.wordmark-engine { font-family: var(--font-mono); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text); }
.brand-lockup { display: inline-flex; align-items: center; gap: var(--space-2); text-decoration: none; }
.brand-lockup .glyph { display: block; width: 28px; height: 28px; flex: none; }