/* ============================================================================
   tokens.css · the design language, extracted from the product's own design
   prototype (docs/presence/design/index.html in the product repo) and treated
   as the visual source of truth. Colour, type, spacing, and tone are lifted
   directly; the scales below extend that seed into a full marketing site.

   Identity: a quiet morning paper. Warm, unhurried, legible, personal.
   Light only, on purpose: the prototype's language is warm paper. Dark was
   floated only as an alternative *mood* in the design brief, never as something
   the prototype supports, so it is deliberately not added here (see DECISIONS.md).
   ========================================================================== */

:root {
  /* ---- Colour (verbatim from the prototype tokens) ---- */
  --paper:     #F4F1EA;   /* warm paper, the page background */
  --paper-2:   #ECE6DA;   /* quiet recessed surface */
  --card:      #FFFFFF;   /* raised surfaces */
  --ink:       #23201B;   /* primary text, a warmed near-black (not pure #000) */
  --ink-soft:  #46413A;
  --muted:     #6C655B;
  --faint:     #8C8579;
  --accent:    #8A6D3B;   /* the single gold accent: labels, links, active state */
  --accent-2:  #BE7C42;   /* warmer gold, used only for priority */
  --line:      #E4DECF;   /* hairline */
  --line-soft: #EDE7DA;   /* softer hairline */
  --pending:   #D9C9A6;   /* the "needs approval" edge */

  /* A slightly darker gold for text-on-paper links, to clear WCAG AA on body text.
     --accent stays for large text / rules / decoration; --accent-ink for inline links. */
  --accent-ink: #7A5F30;

  /* ---- Surfaces derived for the site ---- */
  --page-bg:
    radial-gradient(1200px 700px at 18% -8%, #FBF7EE 0%, rgba(251,247,238,0) 55%),
    radial-gradient(1000px 800px at 100% 0%, #F0E7D6 0%, rgba(240,231,214,0) 50%),
    linear-gradient(180deg, #F3EEE3 0%, #EAE2D2 100%);

  /* ---- Type ---- */
  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sans:  "Hanken Grotesk", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  /* Fluid type scale (clamp: min, preferred, max) */
  --step--1: clamp(0.82rem, 0.80rem + 0.10vw, 0.88rem);
  --step-0:  clamp(1.00rem, 0.96rem + 0.20vw, 1.10rem);
  --step-1:  clamp(1.20rem, 1.12rem + 0.40vw, 1.45rem);
  --step-2:  clamp(1.45rem, 1.30rem + 0.75vw, 1.95rem);
  --step-3:  clamp(1.80rem, 1.55rem + 1.25vw, 2.70rem);
  --step-4:  clamp(2.20rem, 1.75rem + 2.25vw, 3.60rem);
  --step-5:  clamp(2.70rem, 2.00rem + 3.50vw, 4.90rem);

  /* ---- Spacing scale ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* ---- Radii ---- */
  --radius-sm: 11px;
  --radius:    16px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* ---- Depth (one low, warm shadow, as in the prototype) ---- */
  --shadow:      0 18px 50px -24px rgba(40,32,18,.45);
  --shadow-soft: 0 10px 30px -20px rgba(40,32,18,.35);

  /* ---- Layout ---- */
  --measure: 62ch;          /* comfortable reading width */
  --container: 1180px;      /* matches the prototype masthead width */
  --container-narrow: 760px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --dur: 0.7s;
}