/* ==========================================================================
   DAILY PAWS — CLAUDE EDITION
   tokens.css · the single source of truth for the edition's design tokens
   --------------------------------------------------------------------------
   Loaded FIRST by every page, before every other stylesheet, so the
   tokens exist in every document regardless of how far that page has been
   through the overhaul.

   This file declares custom properties and nothing else. It therefore has no
   visual effect on its own: a page only changes appearance once its own CSS
   starts referencing these names. That is deliberate — it lets the tokens
   land everywhere in one step, and lets each page be migrated separately.

   The original Daily Paws palette has been removed from the site; these are
   the only colour, type and motion tokens left.
   ========================================================================== */

:root{
  /* Paper & ink */
  --paper:      #F7F2E8;
  --paper-2:    #F1E8D9;
  --paper-3:    #E8DBC6;
  --ink:        #1F150C;
  --ink-soft:   #3D2D1E;
  --muted:      #7B6751;
  --line:       rgba(31,21,12,.13);
  --line-firm:  rgba(31,21,12,.26);

  /* Accents — one per puzzle, all drawn from the autumn palette */
  --rust:       #BF4E1C;
  --rust-deep:  #8F380F;
  --amber:      #C98526;
  --moss:       #5C7647;
  --plum:       #7B4A5C;

  /* Night — game rooms and the footer */
  --night:      #150E08;
  --night-2:    #20160E;
  --night-3:    #2C1E13;
  --cream:      #F4EAD6;
  --cream-mute: rgba(244,234,214,.60);
  --night-line: rgba(244,234,214,.14);

  /* Type */
  --f-display:"Fraunces",Georgia,"Times New Roman",serif;
  --f-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  /* Rhythm */
  --gutter: clamp(20px,5vw,72px);
  --nav-h: 64px;
  --sec-pad: clamp(64px,9vw,132px);

  /* Radii — restrained, closer to print than to app chrome */
  --r-xs:3px; --r-sm:7px; --r-md:13px; --r-lg:20px; --r-pill:999px;

  /* Motion */
  --e-out:cubic-bezier(.16,.84,.44,1);
  --e-io:cubic-bezier(.62,.03,.32,1);
  --e-spring:cubic-bezier(.32,1.32,.5,1);
}
@media (min-width:480px){ :root{ --nav-h:72px } }
@media (min-width:600px){ :root{ --nav-h:76px } }
@media (max-height:600px){ :root{ --nav-h:60px } }