@import url("https://fonts.googleapis.com/css2?family=Advent+Pro:wght@400&family=Bad+Script&family=Caramel&family=Estonia&family=Inter:wght@400;500;600;700;800&family=Montez&family=Poiret+One&family=Quicksand:wght@300;400;500;600;700&family=SUSE:wght@400&family=Sarina&family=Shadows+Into+Light+Two&family=Zeyada&display=swap");

:root {
  color-scheme: light;

  --color-background: #ffffff;
  --color-surface: #ffffff;
  --color-surface-raised: #f7f4f0;
  --color-border: #e8e2dc;
  --color-text: #1f1b18;
  --color-text-muted: #77706a;
  --color-primary: #f28c28;
  --color-primary-strong: #dc7412;
  --color-primary-soft: rgba(242, 140, 40, 0.12);
  --color-secondary: #34312f;
  --color-accent: #f28c28;
  --color-focus: #f28c28;
  --color-overlay: rgba(30, 22, 16, 0.34);
  --color-success: #2d8f60;
  --color-warning: #b96c16;
  --color-danger: #c84b48;

  --font-sans: "Advent Pro", "Arial Narrow", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-body: clamp(0.95rem, 0.93rem + 0.12vw, 1.05rem);
  --line-height-body: 1.6;

  --space-1: clamp(0.375rem, 0.33rem + 0.2vw, 0.5rem);
  --space-2: clamp(0.625rem, 0.55rem + 0.3vw, 0.875rem);
  --space-3: clamp(0.875rem, 0.75rem + 0.5vw, 1.25rem);
  --space-4: clamp(1.25rem, 1.05rem + 0.85vw, 2rem);
  --space-5: clamp(2rem, 1.65rem + 1.4vw, 3.25rem);
  --space-6: clamp(3rem, 2.3rem + 2.8vw, 5.5rem);

  --radius-small: 0.5rem;
  --radius-medium: 0.8rem;
  --radius-large: 1.15rem;
  --radius-pill: 999rem;

  --container-width: 90rem;
  --container-gutter: clamp(1.25rem, 3.5vw, 4rem);

  /* Header geometry is defined once here; responsive.css only derives these tokens. */
  --header-height: 4.75rem;
  --header-layout-gap: var(--space-3);
  --header-brand-gap: 0.5rem;
  --header-logo-size: clamp(3.65rem, 4.9vw, 4.65rem);
  --header-brand-font-family: "Advent Pro", "Arial Narrow", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --header-brand-base-size: 17px;
  --header-brand-font-size: var(--header-brand-base-size);
  --header-brand-letter-spacing: 0.075em;
  --header-brand-name-max: 20rem;
  --header-ornament-width: clamp(8.5rem, 15vw, 13rem);
  --header-ornament-height: 2.45rem;
  --header-menu-size: 2.75rem;
  --header-nav-gap: clamp(0.2rem, 0.75vw, 0.55rem);
  --header-nav-link-padding: clamp(0.65rem, 1.1vw, 1rem);

  --shadow-soft: 0 0.75rem 2.5rem rgba(46, 34, 24, 0.07);
  --shadow-menu: 0 1rem 3rem rgba(46, 34, 24, 0.12);
  --transition-fast: 160ms ease;
  --transition-normal: 280ms ease;
  --transition-slow: 520ms cubic-bezier(0.22, 1, 0.36, 1);
  --duration-page: 240ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(0.22, 1, 0.36, 1);

  --z-header: 100;
  --z-menu: 120;
  --z-overlay: 200;
  --z-modal: 220;
}