/* DS1 design tokens.
 * RP B4 -- ported from the live source theme's style.css :root block
 * (theme v2.79.0, live-verified 2026-08-09 against `docs/design-system/tokens/*` --
 * that Dropbox snapshot is theme v2.78.0 and was missing --accent-fill; this file is the
 * live superset, not the stale snapshot. See wrap for the diff).
 * Verbatim values -- do not round, rename, or snap to a different grid. No build pipeline:
 * this file is served as a static asset and linked directly, never bundled. */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Lato:wght@300;400;500;600;700;900&display=swap');

:root {
  /* Base palette */
  --brick: #8C2020; --brick-deep: #6E1818; --brick-soft: #B25656;
  --linen: #F5F0E8; --linen-deep: #ECE4D5; --paper: #FBF8F2;
  --charcoal: #2E2E2E; --charcoal-soft: #4A4A4A;
  --taupe: #8C7B6B; --taupe-light: #B5A797;
  --clay: #A0522D; --sage: #6B7C5E; --sage-soft: #8C9C7E;
  --sand: #D4C5A9; --deep-taupe: #5C4F3D;

  /* Layout */
  --fp-content-max: 1500px; /* v2.11.0 global wide-content cap; narrow via .fp-page-narrow */

  /* Accent (sage is the app default; clay available via data-accent) */
  --accent: var(--sage); --accent-deep: #4F5E45; --accent-fill: #5F7052;

  /* Semantic surfaces + text */
  --bg: var(--linen); --surface: #FFFCF7;
  --ink: var(--charcoal); --muted: var(--taupe);

  /* Hairlines */
  --rule: rgba(92,79,61,0.14); --rule-strong: rgba(92,79,61,0.24);

  /* Elevation */
  --shadow-card: 0 1px 2px rgba(46,46,46,0.04), 0 4px 16px rgba(92,79,61,0.06);
  --shadow-pop: 0 4px 14px rgba(46,46,46,0.08), 0 16px 40px rgba(92,79,61,0.12);

  /* Status */
  --ok: #4F7A4A; --warn: #B8860B; --danger: #B5371F;
  --danger-bg: #F7E4DE; --warn-bg: #F4E9CE; --ok-bg: #E5ECDF;

  /* Type */
  --serif: 'Cormorant Garamond','Hoefler Text',Garamond,serif;
  --sans: 'Lato',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
}

/* Accent scoping -- set data-accent on .app (default: sage) */
[data-accent="clay"] { --accent: var(--clay); --accent-deep: #7E3F1F; }
[data-accent="sage"] { --accent: var(--sage); --accent-deep: #4F5E45; }