/* COVERF storefront — design tokens. Palette is fixed; everything else derives from it. */
:root {
  --black: #0d0d0d;
  --ink: #0d0d0d;
  --white: #ffffff;
  --paper: #ffffff;
  --mist: #efe6e1;
  --mute: #6b6660;
  --line: #f2e2e7;
  --line-strong: #e7d3da;
  --accent: #7d2c43;
  --accent-deep: #5f1f32;
  --accent-soft: #f6dbe2;
  --accent-wash: #fcf4f6;
  --ink-70: rgba(13, 13, 13, 0.7);
  --ink-40: rgba(13, 13, 13, 0.4);

  --serif: "Fraunces", "Times New Roman", serif;
  --sans: "Sora", "Helvetica Neue", Arial, sans-serif;

  --step--1: clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
  --step-0: clamp(0.9375rem, 0.91rem + 0.15vw, 1rem);
  --step-1: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 2.125rem);
  --step-3: clamp(2rem, 1.5rem + 2.4vw, 3.5rem);
  --step-4: clamp(2.5rem, 1.4rem + 5vw, 6rem);

  --s-1: 0.5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2rem;
  --s-5: 3rem;
  --s-6: 4rem;
  --s-section: clamp(4rem, 9vw, 8.5rem);
  --gutter: clamp(1.15rem, 4vw, 3rem);
  --container: 82.5rem;

  --header-h: 4.25rem;
  --announce-h: 2.25rem;
  --tabbar-h: 3.5rem;
  --tap: 2.75rem;
  --radius: 0;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow-drawer: 0 0 60px rgba(13, 13, 13, 0.18);
}