/* ==========================================================================
   Design tokens — derived from the official cover art for
   I Can Smell You from Here (catproblem9735.itch.io/i-can-smell-you-from-here)
   Sampled umber / parchment / rust values come from the cover painting;
   the parchment text value matches the official itch.io page theme (#f6e1bc).
   Base grid: 8px. Target width: 1200px.
   ========================================================================== */

:root {
  color-scheme: dark;

  /* --- Ink & umber (backgrounds, sampled from the cover's night interior) - */
  --ink-1000: #070503;
  --ink-900: #0b0805;
  --ink-800: #120e09;
  --ink-700: #1a140e;
  --ink-600: #241c14;
  --ink-500: #33281d;
  --steel: #0c1016;

  /* --- Lines ------------------------------------------------------------ */
  --line-soft: #241c14;
  --line: #3d3025;
  --line-strong: #5a4732;

  /* --- Warm paper (text, sampled from the cover's bone highlights) ------- */
  --paper: #f6e1bc;
  --paper-dim: #dacdb6;
  --paper-mute: #b9a68b;

  /* --- Accents ---------------------------------------------------------- */
  --rust: #c8763a;          /* hair / candlelight amber */
  --rust-bright: #e79b5b;
  --teal: #7fb0b2;          /* the halter top in the cover painting */
  --teal-soft: #a8cfd0;
  --blood: #c2564a;         /* content-warning accent only */

  /* --- Semantic --------------------------------------------------------- */
  --bg: var(--ink-900);
  --surface: var(--ink-800);
  --surface-2: var(--ink-700);
  --text: var(--paper);
  --text-muted: var(--paper-mute);
  --text-strong: #fbf3e2;
  --border: var(--line);
  --accent: var(--rust-bright);
  --accent-quiet: var(--teal);
  --focus: #f0b47c;
  --on-accent: #140d06;

  /* --- Type ------------------------------------------------------------- */
  --font-display: "Cormorant Garamond", "Iowan Old Style", Palatino, Georgia, serif;
  --font-sans: "Karla", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --fs-xs: 0.8125rem;   /* 13px */
  --fs-sm: 0.9375rem;   /* 15px */
  --fs-base: 1.0625rem; /* 17px */
  --fs-lg: 1.1875rem;   /* 19px */
  --fs-xl: 1.5rem;      /* 24px */
  --fs-2xl: 1.875rem;   /* 30px */
  --fs-3xl: 2.5rem;     /* 40px */
  --fs-4xl: 3.25rem;    /* 52px */
  --fs-5xl: clamp(3rem, 8vw, 5.75rem);

  --lh-tight: 1.08;
  --lh-snug: 1.3;
  --lh-normal: 1.55;
  --lh-relaxed: 1.72;

  --tracking-kicker: 0.2em;
  --tracking-button: 0.08em;
  --tracking-display: -0.015em;

  /* --- Space (8px grid) -------------------------------------------------- */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-5: 2.5rem;
  --sp-6: 3rem;
  --sp-8: 4rem;
  --sp-10: 5rem;
  --sp-12: 6rem;

  /* --- Shape & depth ----------------------------------------------------- */
  --r-1: 2px;
  --r-2: 4px;
  --r-3: 8px;
  --r-round: 999px;

  --shadow-lift: 0 18px 44px -24px rgba(0, 0, 0, 0.95);
  --shadow-art: 0 32px 70px -30px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(240, 180, 124, 0.14);
  --shadow-inset: inset 0 1px 0 rgba(255, 245, 225, 0.16);

  /* --- Motion ------------------------------------------------------------ */
  --dur-fast: 130ms;
  --dur: 200ms;
  --dur-slow: 420ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);

  /* --- Layout ------------------------------------------------------------ */
  --w-page: 1200px;
  --w-prose: 68ch;
  --gutter: var(--sp-3);
  --header-h: 72px;
}