/**
 * sienna.marketing — design tokens
 * Source: design-system/sienna-marketing/MASTER.md
 */

:root {
  --color-background: #f4f0ec;
  --color-surface: #ffffff;
  --color-surface-muted: #ebeae6;
  --color-surface-alt: #f5f4ef;
  --color-foreground: #242828;
  --color-muted-foreground: #74706c;
  --color-border: #e4e0da;
  --color-primary: #b08864;
  --color-on-primary: #ffffff;
  --color-secondary: #626a60;
  --color-secondary-soft: #6d7368;
  --color-on-secondary: #ffffff;
  --color-ring: #b08864;
  --color-icon-well: #fbf9f5;

  --font-heading: "Playfair Display", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --space-5xl: 128px;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 9999px;

  --shadow-sm: 0 1px 2px rgba(36, 40, 40, 0.04);
  --shadow-md: 0 8px 24px rgba(36, 40, 40, 0.06);

  --content-max: 1180px;
  --page-pad: clamp(24px, 5vw, 80px);

  --motion-fast: 200ms;
  --motion-reveal: 550ms;
  --ease-reveal: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-reveal: 0ms;
  }
}