/* Shared design tokens for site pages.
 * Edit here once and every page that links this file picks it up.
 * brand_brief.html intentionally keeps its own :root block (separate brand deck).
 */
:root {
  /* Palette — warm cream throughout */
  --bg: #FAF7F2;
  --bg-alt: #F0E9DC;
  --bg-card: #FFFFFF;
  --bg-card-warm: #F5EFE3;
  --ink: #1a1a1a;
  --ink-soft: #4A4A4A;
  --ink-mute: #6B6B6B;
  --rule: #D8D0BD;
  --rule-soft: #E6DFCE;
  --ochre: #C77D1A;
  --teal: #1A6B75;
  --teal-deep: #134F57;
  --teal-soft: #E4F0F2;
  --navy: #1B3A5C;
  --navy-soft: #E8EEF4;

  /* Spacing — 8px grid */
  --sp-xs: 8px;
  --sp-sm: 16px;
  --sp-md: 24px;
  --sp-lg: 32px;
  --sp-xl: 48px;
  --sp-2xl: 64px;
  --sp-3xl: 96px;
  --sp-4xl: 128px;

  /* Radii — soft, never sharp */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-full: 9999px;

  /* Type */
  --font-serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Motion */
  --t-fast: 0.2s;
  --t-med: 0.35s;
  --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}