/* MSOFx design tokens — Gallery morning */
:root {
  /* Surfaces */
  --paper: #F3EFE6;
  --surface: #FCFAF6;
  --surface-elevated: #FFFEFB;
  --ink: #1C1915;
  --ink-muted: #4A453C;
  --ink-faint: #7A7368;
  --line: rgba(28, 25, 21, 0.12);
  --line-strong: rgba(28, 25, 21, 0.2);

  /* Brand depth */
  --forest: #142820;
  --forest-mid: #1A3429;
  --cypress: #2A5640;
  --cypress-soft: #3D6B52;

  /* Material accents (use sparingly) */
  --gold: #C4902E;
  --gold-soft: #D4A84A;
  --rose: #C9848C;
  --rose-soft: #D49AA1;
  --sky: #5A7F9C;
  --sky-soft: #6E93AE;

  /* Type */
  --font-display: "Fraunces", "Source Serif 4", Georgia, serif;
  --font-body: "Newsreader", "Source Serif 4", Georgia, serif;
  --font-ui: "DM Sans", system-ui, -apple-system, sans-serif;

  /* Scale */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: 1.1875rem;
  --text-xl: 1.375rem;
  --text-2xl: clamp(1.5rem, 2.5vw, 1.875rem);
  --text-3xl: clamp(1.875rem, 3.5vw, 2.5rem);
  --text-4xl: clamp(2.25rem, 5vw, 3.5rem);
  --text-5xl: clamp(2.75rem, 6.5vw, 4.25rem);

  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-body: 1.65;
  --tracking-tight: -0.02em;
  --tracking-wide: 0.08em;

  /* Space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  --wrap: min(1120px, calc(100% - 2.5rem));
  --wrap-wide: min(1280px, calc(100% - 2rem));
  --wrap-narrow: min(720px, calc(100% - 2.5rem));

  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(28, 25, 21, 0.06);
  --shadow: 0 8px 28px rgba(20, 40, 32, 0.08);
  --shadow-lg: 0 20px 50px rgba(20, 40, 32, 0.14);

  --header-h: 4.25rem;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 400ms;
  --focus: 0 0 0 3px var(--surface), 0 0 0 5px var(--cypress);
}