/* ==========================================================================
   editorial-memoir / tokens.css
   --------------------------------------------------------------------------
   Direction A colour + scale tokens. Layered on the same two-tier idea as the
   v1 system: this file owns the concrete values, layout.css consumes only
   these custom properties (never raw hex). Photography supplies the colour;
   the UI stays a near-monochrome warm-paper canvas with a single dusty-rose
   accent and gilded-copper hairlines.
   ========================================================================== */

:root {
  /* ----- Surfaces (bright + warm, never dark) ------------------------- */
  --paper:            #FBF8F4;   /* page */
  --paper-2:          #F4EEE6;   /* alternating band / panel */
  --paper-3:          #EFE7DC;   /* deeper warm panel */
  --card:             #FFFFFF;   /* lifted card */
  --hair:             #E7DDD0;   /* default hairline */
  --hair-strong:      #DcCBb6;   /* stronger divider */

  /* ----- Ink ---------------------------------------------------------- */
  --ink:              #2B2724;   /* near-black warm */
  --ink-2:            #5A524B;   /* secondary */
  --ink-3:            #8C8278;   /* tertiary / meta */

  /* ----- Accents ------------------------------------------------------ */
  --rose:             #C9788E;   /* dusty-rose action accent */
  --rose-deep:        #A8556C;   /* hover / pressed rose */
  --rose-wash:        #F3E2E6;   /* faint rose fill */
  --copper:          #B07A4F;    /* gilded copper for rules + kickers */
  --copper-soft:      #C9A07A;

  /* ----- Focus -------------------------------------------------------- */
  --focus:            #8a3d4c;

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

  /* fluid type scale */
  --fs-kicker:   0.72rem;
  --fs-meta:     0.82rem;
  --fs-sm:       0.9rem;
  --fs-base:     1.02rem;
  --fs-md:       1.18rem;
  --fs-lg:       clamp(1.35rem, 2.2vw, 1.7rem);
  --fs-xl:       clamp(1.8rem, 3.4vw, 2.6rem);
  --fs-2xl:      clamp(2.4rem, 5vw, 3.6rem);
  --fs-mast:     clamp(2.8rem, 8vw, 6.2rem);

  --lh-tight:    1.06;
  --lh-snug:     1.22;
  --lh-body:     1.62;

  --tr-tight:   -0.018em;
  --tr-wide:     0.08em;
  --tr-kicker:   0.26em;

  /* ----- Space + structure ------------------------------------------- */
  --container:   min(92%, 1680px);
  --reading:     68ch;
  --gap:         clamp(1rem, 2vw, 2rem);
  --block:       clamp(3rem, 7vw, 6.5rem);

  --r-sm:  8px;
  --r-md:  14px;
  --r-lg:  22px;
  --r-pill: 999px;

  --shadow-card:  0 1px 2px rgba(43,39,36,.05), 0 12px 30px -18px rgba(43,39,36,.28);
  --shadow-lift:  0 1px 2px rgba(43,39,36,.06), 0 26px 48px -22px rgba(43,39,36,.38);
  --shadow-soft:  0 18px 40px -28px rgba(43,39,36,.5);

  --ease:   cubic-bezier(.22,.61,.27,1);
  --fast:   .18s;
  --base:   .32s;

  /* photo crop ratio enforced for Direction A */
  --crop: 4 / 5;
}