/* CAVA design tokens.
   Page base is --bone, hue-matched (H 43.6) to the studio background in the
   product photography (H 46.2) so photo edges disappear into the page.
   --cream (H 32.1) has the SAME luminance as --bone (1.002:1) - placing them
   adjacent produces a colour cast, not a design. Keep them in separate zones. */

:root {
  --burgundy: #44030E;  --burgundy-deep: #2E020A;
  --burg-soft: #6E1628; --wine: #8A2234;

  --bone: #F4F1E9;  --oat: #EDEAE0;  --cream: #FCEFE0;  --line: #DDD6C9;

  --ink: #2A211C;  --taupe: #6B5D52;
  --stone: #8B7B6D;   /* >=24px text or disabled states ONLY */

  --rose: #D9A6A6;

  --font-display: 'Bodoni Moda', Georgia, 'Times New Roman', serif;
  --font-ui: 'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --step--2: .75rem;  --step--1: .875rem;  --step-0: 1rem;  --step-1: 1.25rem;
  --step-2: clamp(1.375rem, 1.2rem + .6vw, 1.5625rem);
  --step-3: clamp(1.625rem, 1.4rem + .9vw, 1.9375rem);
  --step-4: clamp(1.875rem, 1.5rem + 1.5vw, 2.4375rem);
  --step-5: clamp(2.25rem, 1.7rem + 2.4vw, 3.0625rem);
  --step-6: clamp(2.75rem, 1.9rem + 3.6vw, 3.8125rem);
  --step-7: clamp(3.25rem, 2rem + 5.4vw, 4.75rem);

  --space-1: .25rem; --space-2: .5rem;  --space-3: .75rem; --space-4: 1rem;
  --space-5: 1.5rem; --space-6: 2rem;   --space-7: 2.5rem; --space-8: 3rem;
  --space-9: 4rem;   --space-10: 6rem;  --space-11: 8rem;  --space-12: 10rem;

  --radius-sm: 2px; --radius-md: 6px; --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(42,33,28,.05), 0 2px 8px rgba(42,33,28,.04);
  --shadow-md: 0 2px 6px rgba(42,33,28,.07), 0 12px 28px rgba(42,33,28,.07);
  --ease: cubic-bezier(.4,0,.2,1);
  --container: 1280px;
}