/* ============================================================
   Chef Cut — Spacing, radii, shadows & layout tokens
   Values transcribed from the landing-page build (Ready-for-Dev).
   ============================================================ */
:root {
  /* ---- Spacing scale ---- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-9:  36px;
  --space-12: 48px;   /* card interior padding */
  --space-16: 64px;   /* marquee gap */
  --space-20: 80px;
  --space-25: 100px;  /* section horizontal padding */

  /* ---- Radii ----
     The brand pairs SHARP utility elements (buttons, labels, stamps)
     with GENEROUSLY rounded content cards (40px). */
  --radius-none: 0px;     /* buttons, subscribe pill, labels — stamp aesthetic */
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-card: 40px;    /* offering cards, promise panel */
  --radius-pill: 999px;

  /* ---- Borders ---- */
  --border-width: 1px; /* @kind spacing */
  --ring-garnet: inset 0 0 0 1px var(--cc-garnet); /* signature hairline outline @kind shadow */

  /* ---- Shadows (used sparingly — this is a flat, print-led brand) ---- */
  --shadow-sm: 0 1px 2px rgba(28,22,18,0.06);
  --shadow-md: 0 8px 24px rgba(28,22,18,0.08);
  --shadow-lg: 0 20px 60px rgba(28,22,18,0.12);

  /* ---- Layout ---- */
  --page-max: 1240px; /* @kind spacing */
  --page-gutter: 100px; /* @kind spacing */
  --nav-height: 70px; /* @kind spacing */

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur: 240ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}