/* ─────────────────────────────────────────────────────────────────────────
   RTK design tokens — the single source of truth for every RTK property.

   Canonical property: Email Analyzer (analyzer.rtkllc.men).
   Everything here is copied from its "case-file" palette so the landing page,
   Shorty and any future project share one visual language rather than three
   near-misses.

   Rules this file encodes:
     · ink on cool paper — deliberately not cream (#F4F1EA), not slate SaaS grey
     · one accent pair: postmark red (attention) + seal green (verified/brand)
     · near-square corners (0.125rem) — paper, not SaaS bubbles
     · no drop shadows anywhere; separation is done with hairline borders
     · display type is a serif (Spectral); UI is IBM Plex Sans; mono ONLY for
       real machine data (domains, IDs, headers, hashes)

   Dark is the default state: <html class="dark">. Light is the opt-out.
   ───────────────────────────────────────────────────────────────────────── */

:root {
  /* colours — light ("archive, daylight") */
  --paper: #EDEEE9;
  --ink: #14181A;
  --postmark: #A8322A;
  --seal: #2F5D50;

  --primary: #2F5D50;
  --primary-dark: #234A3F;
  --primary-light: #E4EDE9;
  --accent: #A8322A;
  --accent-light: #F5E7E5;
  --bg: #EDEEE9;
  --surface: #F7F8F5;
  --text: #14181A;
  --text-secondary: #5B6360;
  --border: #C9CCC5;
  --border-light: #DFE2DB;
  --red: #A8322A;
  --red-light: #F5E7E5;
  --orange: #8A6A12;
  --orange-light: #F3EAD2;
  --hover: #E3E6DF;
  --divider: #DFE2DB;
  --card-shadow: none;

  /* compatibility aliases — Shorty's older token names map onto the same values
     so its templates keep working while it moves onto the shared system */
  --surface2: var(--surface);
  --border2: var(--border);
  --muted: var(--text-secondary);
  --muted2: var(--text-secondary);
  --accent-hover: var(--primary-dark);
  --on-accent: #FFFFFF;

  /* type */
  --font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Spectral", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --step--1: 0.8125rem;
  --step-0: 1rem;
  --step-1: 1.1875rem;
  --step-2: 1.4375rem;
  --step-3: clamp(1.75rem, 3.2vw, 2.25rem);
  --step-4: clamp(2.1rem, 5.2vw, 3.25rem);

  /* space + shape */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --radius: 0.125rem;
  --radius-pill: 999px;
  --measure: 68ch;
  --wrap: 62rem;
}

.dark {
  /* colours — dark ("archive, at night"). This is the default state. */
  --paper: #15181A;
  --ink: #ECEFEA;
  --postmark: #C4544A;
  --seal: #5E9C87;

  --primary: #5E9C87;
  --primary-dark: #4A8270;
  --primary-light: #1F2B27;
  --accent: #C4544A;
  --accent-light: #2E2220;
  --bg: #15181A;
  --surface: #1C201F;
  --text: #ECEFEA;
  --text-secondary: #9AA39D;
  --border: #333A37;
  --border-light: #262B29;
  --red: #C4544A;
  --red-light: #2E2220;
  --orange: #C9A227;
  --orange-light: #2C2718;
  --hover: #242A27;
  --divider: #262B29;
  --card-shadow: none;

  --on-accent: #15181A;
}