/* ============================================================================
   MATRIA design tokens. The single source of truth for the app's palette,
   type families and radii. See DESIGN-SYSTEM.md.

   Load order in the HTML: fonts/fonts.css, then this file, then matria.css.
   Matria does NOT depend on the MomOps colors_and_type.css (that file remains
   only for the separate Workbench / Checklist tools).
   ========================================================================== */
:root{
  /* grounds */
  --night:#15161f;
  --night-grad:radial-gradient(120% 70% at 50% 4%, #20222f 0%, #16171f 52%, #0f1016 100%);
  --cream:#f4efe3;
  --cream-card:#f8f2e7;
  --cream-card-2:#fbf6ec;
  --womb-gold:rgba(201,143,106,.22);
  --womb-glow:rgba(220,186,132,.34);

  /* gold family. --gold is the canonical accent (copper); the Tweaks panel can
     override it at runtime, but this is the single default. */
  --gold:#c98f6a;          /* canonical copper accent, icons and borders on dark */
  --gold-bright:#dcba84;
  --gold-display:#e4c4a4; /* large titles on night: readable gold, not decorative wash */
  --gold-line:#b8935a;
  --tan:#d9b585;           /* primary tan button */
  --tan-deep:#caa370;

  /* ink (on cream) */
  --ink:#26262d;
  --ink-soft:#6c675f;
  --ink-faint:#938d83;

  /* cream text (on dark) */
  --ctext:#e7e0d2;
  --ctext-soft:rgba(231,224,210,.66);
  --ctext-faint:rgba(231,224,210,.52);
  --ctext-reading:rgba(231,224,210,.58);

  /* dark-surface type roles */
  --type-dark-claim:17px;
  --type-dark-whisper:11px;

  /* dark button on cream screens */
  --navy-btn:#1c1e2a;

  /* lines */
  --line-cream:rgba(38,38,45,.12);
  --line-cream-soft:rgba(38,38,45,.08);
  --line-gold:rgba(200,160,100,.32);
  --line-dark:rgba(231,224,210,.12);

  /* chip fills */
  --chip-sand:#e9ddc8;
  --chip-sand-line:#dccdb2;
  --chip-dark:rgba(200,160,100,.10);

  /* type families */
  --font-display:'Source Serif 4', Georgia, serif;
  --font-body:'Atkinson Hyperlegible', system-ui, sans-serif;
  --font-mono:'IBM Plex Mono', ui-monospace, monospace;
  --font-word:'Cormorant Garamond', 'Source Serif 4', serif;

  /* type scale */
  --type-wordmark:46px;
  --type-display:30px;
  --type-h1:26px;
  --type-h2:20px;
  --type-quote:15px;
  --type-lead:13.5px;
  --type-body:13.5px;
  --type-label:10px;
  --type-caption:11.5px;

  /* rhythm */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --gap-section:var(--space-4);
  --gap-section-inner:var(--space-3);
  --gap-list:var(--space-2);

  /* radii */
  --r-soft:12px;
  --r-card:16px;
  --r-sheet:20px;
  --r-chip:18px;

  /* functional palette: archive node types (mirror of MATRIA.TYPES) */
  --type-person:#d9b585;
  --type-myth:#c89bb0;
  --type-political:#cf8f6a;
  --type-history:#9bb8c8;
  --type-science:#9cc2a6;
  --type-tradition:#c9b07a;
  --type-idea:#a99bc8;

  /* functional palette: evidence labels (mirror of EV_COLORS), never equal */
  --ev-strong:#7da883;
  --ev-moderate:#c9b07a;
  --ev-emerging:#9bb8c8;
  --ev-mixed:#cf8f6a;
  --ev-traditional:#c89bb0;
  --ev-cultural:#a99bc8;
}
