/* ==========================================================================
   Design Tokens v2 — "Masthead" identity system
   Editorial, image-led, flat. Paper + ink + a single forest-green accent.
   No glassmorphism, no 3D, no blur.
   ========================================================================== */

:root {
  /* ---- Brand palette ---- */
  --paper-50:  #F7F5EF;
  --paper-100: #F1EEE4;
  --paper-200: #E7E2D2;

  --ink-950: #16150F;
  --ink-800: #26251D;
  --ink-600: #4A4A3F;

  --forest-900: #16281F;
  --forest-700: #234A36;
  --forest-500: #326B4C;   /* primary accent */
  --forest-300: #7FA88E;

  --rust-500: #A6462B;     /* secondary accent, used sparingly (tags, errors) */

  --white: #FFFFFF;

  /* ---- Type scale (fluid) ---- */
  --fs-display: clamp(2.8rem, 2rem + 3.6vw, 5.2rem);
  --fs-h1:      clamp(2.2rem, 1.8rem + 1.6vw, 3.2rem);
  --fs-h2:      clamp(1.7rem, 1.5rem + 1vw, 2.35rem);
  --fs-h3:      clamp(1.2rem, 1.1rem + 0.4vw, 1.4rem);
  --fs-body-lg: 1.2rem;
  --fs-body:    1.05rem;
  --fs-small:   0.875rem;
  --fs-label:   0.78rem;

  /* ---- Fonts ---- */
  --font-display: 'Vazirmatn', 'Segoe UI', sans-serif;
  --font-body:    'Vazirmatn', 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* ---- Spacing ---- */
  --sp-1: 0.4rem;
  --sp-2: 0.9rem;
  --sp-3: 1.5rem;
  --sp-4: 2.4rem;
  --sp-5: 4rem;
  --sp-6: 6.5rem;
  --sp-7: 9.5rem;

  /* ---- Radius: mostly square, editorial, one soft exception for tags ---- */
  --r-sharp: 6px;
  --r-soft:  14px;
  --r-pill:  999px;

  /* ---- Motion ---- */
  --ease-editorial: cubic-bezier(.16,1,.3,1);
  --dur-fast: 200ms;
  --dur-med:  440ms;
  --dur-slow: 700ms;

  /* ---- Layout ---- */
  --container: 1240px;
  --gutter: clamp(1.2rem, 4vw, 3.2rem);

  --shadow-1: 0 1px 0 rgba(22,21,15,.06);
}

/* ---------------- Light theme (default / editorial paper) ---------------- */
:root,
[data-theme="light"] {
  --bg-base:   var(--paper-50);
  --bg-raised: var(--white);
  --bg-sunken: var(--paper-200);

  --border:        rgba(22,21,15,.14);
  --border-strong:  rgba(22,21,15,.28);

  --text-primary:   var(--ink-950);
  --text-secondary: rgba(22,21,15,.68);
  --text-muted:     rgba(22,21,15,.46);

  --accent: var(--forest-500);
  --accent-ink: var(--white);
  --accent-soft: rgba(50,107,76,.10);
  --tag-accent: var(--rust-500);
}

/* ---------------- Dark theme ---------------- */
[data-theme="dark"] {
  --bg-base:   var(--ink-950);
  --bg-raised: #201F17;
  --bg-sunken: #100F0A;

  --border:        rgba(247,245,239,.14);
  --border-strong:  rgba(247,245,239,.26);

  --text-primary:   var(--paper-50);
  --text-secondary: rgba(247,245,239,.68);
  --text-muted:     rgba(247,245,239,.44);

  --accent: var(--forest-300);
  --accent-ink: var(--ink-950);
  --accent-soft: rgba(127,168,142,.14);
  --tag-accent: #C97B60;
}