/* ============================================================
   DENIS PAZ — tokens.css — Design tokens
   Single source of truth for all design decisions.
   ============================================================ */

:root {

  /* ── Colors ────────────────────────────────────────────── */
  --ink:           #1a1814;
  --paper:         #f5f2ec;
  --warm:          #f0ebe1;
  --accent:        #a01010;
  --accent-hover:  #c01515;
  --accent-light:  #e8d5cf;
  --muted:         #7a746a;
  --line:          #ddd8cf;
  --ink-dark:      #111;

  /* ── Typography — families ─────────────────────────────── */
  --font-serif: 'Fraunces', serif;
  --font-sans:  'Instrument Sans', sans-serif;
  --font-mono:  'DM Mono', monospace;

  /* ── Typography — sizes ────────────────────────────────── */
  --fs-2xs:  0.62rem;
  --fs-xs:   0.68rem;
  --fs-sm:   0.72rem;
  --fs-base: 0.88rem;
  --fs-md:   0.95rem;
  --fs-lg:   1rem;
  --fs-xl:   1.05rem;

  /* ── Typography — letter spacing ───────────────────────── */
  --ls-tight:   -0.02em;
  --ls-normal:   0.02em;
  --ls-wide:     0.04em;
  --ls-wider:    0.08em;
  --ls-widest:   0.14em;

  /* ── Typography — line heights ──────────────────────────── */
  --lh-none:     1.0;
  --lh-tight:    1.08;
  --lh-heading:  1.15;
  --lh-snug:     1.5;
  --lh-body:     1.6;
  --lh-relaxed:  1.75;
  --lh-loose:    1.8;
  --lh-looser:   1.85;

  /* ── Spacing ────────────────────────────────────────────── */
  --space-1:   0.5rem;
  --space-2:   1rem;
  --space-3:   1.5rem;
  --space-4:   2rem;
  --space-5:   2.5rem;
  --space-6:   3rem;
  --space-8:   4rem;
  --space-10:  5rem;
  --space-12:  6rem;
  --space-14:  7rem;

  /* ── Section layout ─────────────────────────────────────── */
  --section-pad-x:        4rem;
  --section-pad-y:        7rem;
  --section-pad-x-mobile: 1.5rem;
  --container-max:        1200px;

  /* ── Shadows ────────────────────────────────────────────── */
  --shadow-dropdown: 0 18px 40px rgba(0, 0, 0, 0.08);

  /* ── Transitions ────────────────────────────────────────── */
  --t-fast:   0.2s;
  --t-base:   0.3s;
  --t-slow:   0.5s;
  --t-slower: 0.6s;
  --t-ease:   ease;

  /* ── Z-indices ──────────────────────────────────────────── */
  --z-subnav:     90;
  --z-nav-mobile: 99;
  --z-nav:        100;
  --z-cursor:     9999;

  /* ── Navigation ─────────────────────────────────────────── */
  --nav-height: 53px;

}