:root {
  --brown-950: #21150F;
  --brown-900: #2C1D15;
  --brown-800: #3A281D;
  --camel-500: #B99568;
  --sand-400: #CBB18B;
  --sand-200: #E1D2BB;
  --ivory-100: #F0ECE5;
  --ivory-50: #F7F4EF;
  --stone-400: #9A9187;
  --graphite: #37312D;
  --white: #FCFAF7;
  --color-page: var(--ivory-50);
  --color-surface: var(--ivory-100);
  --color-ink: var(--graphite);
  --color-muted: var(--brown-800);
  --color-on-dark: var(--white);
  --color-focus: var(--brown-800);
  --color-error: var(--brown-950);
  --color-success: var(--brown-800);
  --font-editorial: 'Cormorant Garamond', Georgia, serif;
  --font-interface: 'Jost', Arial, sans-serif;
  --text-display: clamp(4rem, 6vw, 5.75rem);
  --text-h2: clamp(3rem, 4vw, 4rem);
  --text-h3: clamp(1.625rem, 2.5vw, 2.125rem);
  --text-body-lg: clamp(1.0625rem, 1.3vw, 1.1875rem);
  --text-body: 1rem;
  --text-small: .875rem;
  --text-eyebrow: .75rem;
  --leading-display: .98;
  --leading-title: 1.08;
  --leading-body: 1.6;
  --tracking-eyebrow: .2em;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --space-11: 9rem;
  --section-space: clamp(6rem, 8vw, 9rem);
  --container-max: 90rem;
  --page-gutter: clamp(1.5rem, 2.7778vw, 3rem);
  --grid-columns: 12;
  --grid-gap: var(--space-5);
  --radius-small: 8px;
  --radius-medium: 12px;
  --radius-card: 16px;
  --radius-large: 20px;
  --radius-pill: 999px;
  --border-color: rgba(55,49,45,.12);
  --border-default: 1px solid var(--border-color);
  --border-strong: 1px solid var(--brown-800);
  --border-inverse: 1px solid var(--sand-400);
  --shadow-soft: 0 12px 40px rgba(33,21,15,.06);
  --duration-fast: 220ms;
  --duration-normal: 280ms;
  --duration-slow: 350ms;
  --ease-standard: cubic-bezier(.2,.65,.3,1);
  --hover-zoom: 1.02;
  --arrow-shift: 3px;
  --target-min: 44px;
  --control-height: 48px;
  --measure-body: 62ch;
  --icon-size: 20px;
  --header-layer: 20;
  --logo-mark-width: 42px;
  --brand-word-size: 1.375rem;
  --brand-sub-size: .625rem;
  --brand-optical-width: 120px;
  --brand-optical-height: 42px;
  --brand-slot-height: 72px;
  --swatch-size: 72px;
  --field-min-height: 144px;
}
@media (max-width: 1100px) {
  :root { --page-gutter: clamp(2rem, 4vw, 3rem); }
}
@media (max-width: 640px) {
  :root {
    --page-gutter: clamp(1.25rem, 5vw, 1.5rem);
    --text-display: clamp(2.75rem, 10vw, 4rem);
    --text-h2: clamp(2.25rem, 8vw, 3rem);
    --section-space: var(--space-8);
    --grid-gap: var(--space-4);
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --duration-fast: 0ms; --duration-normal: 0ms; --duration-slow: 0ms; --hover-zoom: 1; --arrow-shift: 0px; }
}