/**
 * XNEV — Design tokens
 * Night lantern travel journal. Indigo sky, vermilion, gold.
 */

:root {
  --ivory: #f3efe6;
  --ink: #0b0e16;
  --stone: #8b93a3;
  --sand: #e8c36a;
  --forest: #3d6b5c;
  --vermilion: #ff5a3c;
  --indigo: #6b8cff;
  --gold: #e8c36a;

  --bg: var(--ink);
  --bg-muted: #141824;
  --bg-dark: #07090f;
  --surface: #151922;
  --text: var(--ivory);
  --muted: var(--stone);
  --line: rgba(243, 239, 230, 0.12);
  --line-strong: rgba(243, 239, 230, 0.24);
  --overlay: rgba(11, 14, 22, 0.48);
  --overlay-deep: rgba(11, 14, 22, 0.78);
  --focus: var(--vermilion);

  --font-sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;

  --fs-xs: clamp(0.68rem, 0.64rem + 0.18vw, 0.75rem);
  --fs-sm: clamp(0.8rem, 0.76rem + 0.2vw, 0.875rem);
  --fs-base: clamp(0.95rem, 0.9rem + 0.22vw, 1.05rem);
  --fs-md: clamp(1.05rem, 0.98rem + 0.35vw, 1.2rem);
  --fs-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.6rem);
  --fs-xl: clamp(1.6rem, 1.25rem + 1.1vw, 2.2rem);
  --fs-2xl: clamp(2rem, 1.5rem + 1.8vw, 3.1rem);
  --fs-hero: clamp(2.4rem, 1.6rem + 3.2vw, 4.6rem);

  --lh-tight: 1.22;
  --lh-base: 1.75;
  --lh-serif: 1.55;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  --ls-label: 0.18em;
  --ls-tight: -0.02em;

  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3.25rem;
  --space-3xl: 5rem;
  --section: clamp(3.75rem, 2.8rem + 4vw, 7.25rem);

  --container: 1180px;
  --container-wide: 1360px;
  --container-narrow: 720px;
  --gutter: clamp(1.1rem, 0.8rem + 1.6vw, 2rem);
  --header-h: 4.35rem;

  --radius: 2px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --t: 0.35s var(--ease);
  --t-slow: 0.7s var(--ease-cubic);

  --z-header: 200;
  --z-overlay: 320;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --t: 0.01ms;
    --t-slow: 0.01ms;
  }
}