/* Watchman Design Tokens v1. Locked 31 Jul 2026 from outputs/watchman/mockup-v1.html */
/* Editorial luxury adapted to fintech: paper white, green ink, gold only where it earns it. */

:root {
  /* Surfaces */
  --paper: #FAF8F3;        /* app background, warm off white */
  --card: #FFFFFF;         /* card surface */
  --panel: #F1EEE6;        /* inset panels, input backgrounds */

  /* Ink */
  --ink: #15201B;          /* primary text, near black with green cast */
  --ink-60: rgba(21, 32, 27, 0.60);
  --ink-45: rgba(21, 32, 27, 0.45);  /* microlabels */
  --ink-35: rgba(21, 32, 27, 0.35);  /* disabled icons */

  /* Brand */
  --green: #0a3d2e;        /* ForeShiloh deep green: headers, primary actions, active states */
  --green-mid: #1a5c45;    /* secondary green accents, zone-grade markers */
  --gold: #D4BC78;         /* ForeShiloh gold: signal grade, brand moments, progress. Spend sparingly. */
  --gold-deep: #B89D55;    /* gold text on light surfaces (contrast-safe) */
  --gold-ink: #1a1408;     /* text on gold backgrounds */

  /* Signals (data colours: green and red only, per brand rule) */
  --win: #15803d;
  --win-soft: #dcfce7;
  --loss: #b91c1c;
  --loss-soft: #fee2e2;
  --loss-flash-dark: #7f1212;  /* pulse partner for the red-folder banner */

  /* Lines */
  --hairline: rgba(21, 32, 27, 0.12);

  /* Gradients */
  --green-gradient: linear-gradient(135deg, #0a3d2e, #134c39);
  --gold-gradient: linear-gradient(135deg, #D4BC78 0%, #B89D55 100%);

  /* Typography */
  --font-display: 'Instrument Serif', serif;   /* screen titles, brand, italic for emphasis */
  --font-body: 'Manrope', sans-serif;          /* all prose and UI copy */
  --font-mono: 'IBM Plex Mono', monospace;     /* every number, price, label chip */

  /* Type scale */
  --text-title: 1.875rem;      /* screen titles, display font */
  --text-card-title: 1.25rem;  /* card headings, display font */
  --text-body: 0.8125rem;      /* 13px, standard UI copy */
  --text-small: 0.75rem;       /* 12px, secondary copy */
  --text-micro: 9px;           /* microlabels, mono, uppercase, letter-spacing .22em */

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;

  /* Radii */
  --radius-card: 18px;
  --radius-inner: 12px;
  --radius-pill: 9999px;
  --radius-phone: 44px;

  /* Shadows */
  --shadow-card: 0 4px 16px rgba(21, 32, 27, 0.08);
  --shadow-elevated: 0 24px 60px -20px rgba(10, 61, 46, 0.25), 0 4px 16px rgba(21, 32, 27, 0.08);
  --shadow-gold: 0 24px 70px -16px rgba(212, 188, 120, 0.35), 0 4px 16px rgba(21, 32, 27, 0.12);

  /* Motion */
  --flash-speed: 1s;       /* proximity + timer flash */
  --pulse-speed: 1.2s;     /* red folder banner */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}