/* ------------------------------------------------------------------
   THE EPIC JOURNAL — design tokens
   ------------------------------------------------------------------ */
:root {
  /* color — monochrome, near-black premium */
  --ink: #0c0c0c;          /* primary black */
  --ink-soft: #161616;     /* raised black surfaces */
  --ink-line: rgba(255, 255, 255, 0.12);
  --bone: #f1eee8;         /* warm off-white */
  --bone-dim: #d9d5cc;
  --grey: #8b8880;         /* muted text on dark */
  --grey-dark: #6b6862;    /* muted text on light */
  --line-light: rgba(12, 12, 12, 0.14);

  /* type scale */
  --font-display: "Anton", "Arial Narrow", sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-body: "Inter Tight", "Inter", -apple-system, sans-serif;

  --text-xs: clamp(0.68rem, 0.65vw, 0.8rem);
  --text-sm: clamp(0.8rem, 0.9vw, 0.95rem);
  --text-base: clamp(0.95rem, 1.1vw, 1.15rem);
  --text-lg: clamp(1.2rem, 1.6vw, 1.6rem);
  --text-xl: clamp(1.7rem, 2.6vw, 2.6rem);
  --text-display: clamp(3rem, 10vw, 9.5rem);
  --text-mega: clamp(3.4rem, 13vw, 13rem);

  /* rhythm */
  --space-section: clamp(6rem, 12vw, 11rem);
  --gutter: clamp(1.25rem, 3.5vw, 3.5rem);

  /* motion */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.87, 0, 0.13, 1);
  --dur-fast: 0.35s;
  --dur-med: 0.7s;
  --dur-slow: 1.2s;
}