/* DashaHQ design tokens — the single restyling surface.
   "Evergreen Private Office" (T11/T12): deep evergreen ground, antique brass
   as the one accent, cream text. Fraunces display, Inter body/UI; Spline
   Sans Mono carries period data and Tiro Devanagari Sanskrit carries the
   Vedic layer (see design/brand/BRAND.md). Same variable names as the T4
   light theme — values only changed — so the app restyles without churn. */

:root {
  /* palette */
  --paper: #12241b;          /* page ground (was warm off-white) */
  --paper-raised: #1b3327;   /* panels, cards, the reading sheet */
  --paper-pool: #0e1a13;     /* lamplight pool edge — body gradient base */
  --paper-glow: #16281e;     /* lamplight pool center */
  --paper-raised-2: #223d2f; /* hover fills, inputs */
  --ink: #ede7d3;            /* primary text, cream */
  --ink-soft: #9daf9e;       /* secondary text, sage */
  --ink-faint: #7c8d7f;      /* meta, timestamps */
  --accent: #c9a35c;         /* brass — the single accent */
  --accent-bright: #e6c88a;  /* brass on hover/focus */
  --accent-deep: #86703e;    /* quiet rules, pressed */
  --accent-soft: #c9a35c29;  /* brass wash (focus, suggestion hover) */
  --danger: #8c352b;         /* oxblood — trial ended, destructive */
  --danger-bright: #c96b5f;  /* oxblood text on dark */
  --confirm: #6f8a74;        /* patina — quiet confirmation */
  --hairline: #2c4436;

  /* type */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-data: "Spline Sans Mono", "SFMono-Regular", Menlo, monospace;
  --font-deva: "Tiro Devanagari Sanskrit", "Nirmala UI", serif;
  --text-sm: 0.8125rem;
  --text-base: 1rem;
  --text-lg: 1.1875rem;
  --text-xl: 1.5rem;
  --text-hero: clamp(2.6rem, 6vw, 4.2rem);
  --leading: 1.65;

  /* space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.75rem;
  --space-5: 3rem;
  --space-6: 5rem;
  --max-width: 42rem;
  --max-wide: 64rem;

  /* detail */
  --radius: 2px;
  --border: 1px solid var(--hairline);
}
