/*
 * The Birth Letter – design tokens (U-302, direction B "Daylight Paper" + judge fixes).
 * The ONLY file in my/ that may contain colour literals. Every other stylesheet, inline style
 * and script uses var(--…). Dark mode is not built yet (later: A palette).
 */
:root {
  /* surfaces */
  --paper: #fbf7ef;          /* page background */
  --paper-2: #f6f0e3;        /* sunken areas, cosmic cells */
  --card: #ffffff;           /* cards, fields, answer letter */
  --line: #e2d8c6;           /* card borders, dividers (decoration) */

  /* text */
  --ink: #1c1a17;            /* main text – 16.3:1 on paper, 17.4:1 on card */
  --ink-2: #4a443c;          /* secondary text – 9.6:1 on card */
  --ink-3: #5b544a;          /* inactive tabs, placeholders – 7.5:1 on card */
  --label: #6b4e1e;          /* small lowercase labels 15px/600 – >= 7:1 */

  /* actions */
  --navy: #0f1a2e;           /* primary buttons, headings, links */
  --navy-2: #1d2b45;         /* primary hover / pressed */
  --on-navy: #ffffff;
  --field-border: #6f665a;   /* inputs, radios – >= 4.5:1 */
  --focus: #0f1a2e;

  /* gold – decoration only, never information */
  --gold-line: #c9a45c;
  --chip-bg: #f6eedc;
  --chip-ink: #6b4f1d;

  /* brand seal */
  --wax: #8e2a22;
  --wax-hi: #b8473a;
  --wax-lo: #6a1913;
  --wax-ink: #fbefe4;

  /* states (calm – no red pressure) */
  --notice-bg: #f3ece0;
  --notice-ink: #4a3a1c;
  --error-bg: #f7e9e4;
  --error-ink: #7a241d;
  --ok-bg: #e9f1e8;
  --ok-ink: #2b4f30;

  /* effects */
  --shadow-1: 0 1px 2px rgba(40, 30, 10, 0.05), 0 2px 8px rgba(40, 30, 10, 0.06);
  --shadow-2: 0 12px 32px rgba(28, 26, 23, 0.18);
  --scrim: rgba(28, 26, 23, 0.45);
  --press: rgba(15, 26, 46, 0.06);

  /* type */
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-head: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-letter: "EB Garamond", Georgia, "Times New Roman", serif;
}
