/* Compiled tokens for WP theme. Keep in sync with /colors_and_type.css in the design system repo. */
:root {
  --cream: #FBF3EE;
  --paper: #FFFDF8;
  --bg: var(--cream);
  --bg-muted: #F4E8DF;
  --fg1: #2A201A;
  --fg2: #5A4A3F;
  --fg3: #8A7A6F;
  --border: #E8DCCF;
  --border-strong: #C9B9A7;

  --brand: #9B4C22;
  --brand-hover: #B25C2E;
  --brand-press: #7A3A18;
  --brand-on: #FFFDF8;
  --brand-soft: #F4E1D4;

  --accent: #D98A3B;
  --accent-hover: #E89A4B;
  --accent-on: #2A201A;

  --terracotta-50: #FBEBE0;
  --terracotta-200: #EECBB0;
  --terracotta-600: #9B4C22;

  --forest-500: #4A7A5C;
  --forest-600: #3A6148;
  --forest-700: #224A30;
  --forest-800: #173320;

  --sand-50:  #F4E8DF;
  --sand-300: #C9B9A7;
  --sand-500: #8A7A6F;
  --sand-700: #4A3A30;
  --sand-800: #2A201A;

  --sun-50:  #FBEFC6;
  --sun-200: #F8D979;
  --sun-300: #F4C53D;

  --success: #2F6B43; --success-bg: #DDEAE0;

  --font-sans: 'Nunito', system-ui, sans-serif;
  --font-serif: 'Lora', Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, monospace;

  --fs-body: 17px;
  --fs-lead: 19px;
  --fs-h2: clamp(32px, 3vw + 1rem, 44px);
  --fs-display: clamp(44px, 5vw + 1rem, 72px);
  --lh-body: 1.65;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(42,32,26,0.06);
  --shadow-sm: 0 2px 6px rgba(42,32,26,0.08);
  --shadow-md: 0 8px 20px rgba(42,32,26,0.10);
  --shadow-lg: 0 20px 40px rgba(42,32,26,0.14);

  --dur-2: 180ms;
  --dur-3: 260ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);

  --container: 1200px;

  --fg-link: var(--brand);
  --fg-link-hover: var(--brand-hover);
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}