/* ============================================================
   weeradach.com — Design Tokens
   Derived from the reference: independent print magazine,
   warm paper stock, editorial orange, deep ink.
   ============================================================ */

:root {
  /* ---- Colour ---- */
  --paper:        #F5F0E7;
  --paper-warm:   #FAF7F0;
  --paper-deep:   #EDE6DA;
  --ink:          #181818;
  --ink-soft:     #3A3733;
  --orange:       #EA580C;
  --orange-deep:  #C2410C;
  --muted:        #A89B88;
  --border:       #D8D0C4;
  --blue:         #365B70;

  /* ---- Type ---- */
  --f-display: "Playfair Display", "Noto Serif Thai", Georgia, serif;
  /* Thai display face: a modern loopless sans, not the old serif */
  --f-display-th: "Anuphan", "IBM Plex Sans Thai", sans-serif;
  --f-sans:    "DM Sans", "IBM Plex Sans Thai", system-ui, sans-serif;
  --f-sans-th: "IBM Plex Sans Thai", "DM Sans", system-ui, sans-serif;
  --f-script:  "Caveat", "Charmonman", "Noto Serif Thai", cursive;

  /* fluid display scale */
  --t-hero:   clamp(2.75rem, 1.2rem + 5.4vw, 6.25rem);
  --t-h1:     clamp(2rem, 1rem + 3.4vw, 4rem);
  --t-h2:     clamp(1.5rem, 1rem + 1.8vw, 2.5rem);
  --t-h3:     clamp(1.15rem, 0.95rem + 0.8vw, 1.6rem);
  --t-body:   clamp(0.95rem, 0.9rem + 0.2vw, 1.06rem);
  --t-small:  0.8125rem;
  --t-micro:  0.6875rem;

  /* ---- Space ---- */
  --gut:      clamp(1rem, 0.5rem + 1.6vw, 2.25rem);
  --spine-w:  126px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur:  .6s;
}

@media (max-width: 1180px) { :root { --spine-w: 0px; } }