/* ==========================================================================
   warm-cookbook / tokens.css   --   Direction B colour + scale tokens
   --------------------------------------------------------------------------
   A hand-bound family cookbook: cream paper, cocoa ink, rose + terracotta +
   sage accents. layout.css consumes only these custom properties.
   ========================================================================== */

:root {
  /* ----- Surfaces (cream + warm, never dark) ------------------------- */
  --paper:       #FAF3E7;   /* page cream */
  --paper-2:     #F4E9D6;   /* warmer band */
  --paper-3:     #EFE0C8;   /* deepest warm panel */
  --card:        #FFFDF8;   /* card (almost white, warm) */
  --hair:        #E6D6BC;   /* hairline */
  --hair-2:      #D9C3A0;   /* stronger rule */

  /* ----- Ink --------------------------------------------------------- */
  --ink:         #3A2E26;   /* cocoa */
  --ink-2:       #6A5848;   /* secondary */
  --ink-3:       #978469;   /* tertiary / meta */

  /* ----- Accents ----------------------------------------------------- */
  --rose:        #D98BA0;   /* soft rose */
  --rose-deep:   #C06A85;   /* deeper rose for actions */
  --terra:       #C26B4A;   /* terracotta */
  --terra-deep:  #A8542F;
  --sage:        #9CAE8B;   /* soft sage */
  --sage-deep:   #6F8359;

  --focus:       #C06A85;

  /* ----- Type -------------------------------------------------------- */
  --display: "Fraunces", Georgia, "Times New Roman", serif;
  --script: "Caveat", "Fraunces", cursive;
  --body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --fs-tag:    0.7rem;
  --fs-meta:   0.82rem;
  --fs-sm:     0.9rem;
  --fs-base:   1.02rem;
  --fs-md:     1.16rem;
  --fs-lg:     clamp(1.3rem, 2vw, 1.6rem);
  --fs-xl:     clamp(1.7rem, 3vw, 2.4rem);
  --fs-2xl:    clamp(2.2rem, 4.6vw, 3.4rem);
  --fs-mast:   clamp(2.6rem, 7vw, 5.4rem);
  --fs-script: clamp(1.5rem, 3.4vw, 2.4rem);

  --lh-tight:  1.08;
  --lh-snug:   1.25;
  --lh-body:   1.62;
  --tr-tight: -0.015em;
  --tr-wide:   0.12em;

  --container: min(92%, 1560px);
  --reading:   66ch;
  --gap:       clamp(1rem, 2vw, 1.8rem);
  --block:     clamp(2.6rem, 6.5vw, 5.5rem);

  --r-sm:  10px;
  --r-md:  16px;
  --r-lg:  24px;
  --r-pill: 999px;

  --shadow-card: 0 2px 4px rgba(58,46,38,.05), 0 16px 34px -20px rgba(58,46,38,.32);
  --shadow-lift: 0 4px 8px rgba(58,46,38,.07), 0 30px 50px -22px rgba(58,46,38,.42);
  --shadow-soft: 0 24px 50px -30px rgba(58,46,38,.55);

  --ease: cubic-bezier(.2,.7,.25,1);
  --fast: .18s;
  --base: .34s;

  /* enforced portrait crop for Direction B */
  --crop: 2 / 3;
}