:root {
  /* ---------- Palette (red / navy halftone / cream) ---------- */
  --red: #d81f2c;
  --red-bright: #ef2e3a;
  --red-deep: #8f1017;
  --navy: #1c2b45;
  --navy-2: #2c3f63;
  --navy-soft: #4a5d84;
  --cream: #f7f4ec;
  --white: #ffffff;
  --ink: #14161c;
  --ink-muted: #52565f;
  --ink-faint: #8b8e96;
  --border: rgba(20, 22, 28, 0.12);
  --line: rgba(20, 22, 28, 0.12);
  --line-2: rgba(20, 22, 28, 0.06);

  --bg: var(--cream);
  --text: var(--ink);
  --text-muted: var(--ink-muted);
  --text-faint: var(--ink-faint);

  /* ---------- Glass (dock / cards over the cream base) ---------- */
  --glass: rgba(255, 255, 255, 0.6);
  --glass-2: rgba(255, 255, 255, 0.78);
  --glass-border: rgba(255, 255, 255, 0.8);
  --radius-lg: 18px;
  --radius-xl: 24px;

  /* ---------- Type (all four support Cyrillic) ---------- */
  --font-script: "Marck Script", cursive;
  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-mono: "JetBrains Mono", "Courier New", monospace;
  --font-body: "Inter", "Segoe UI", sans-serif;

  --fs-xs: 0.72rem;
  --fs-sm: 0.88rem;
  --fs-base: 1rem;
  --fs-md: 1.2rem;
  --fs-lg: 1.7rem;
  --fs-xl: 2.6rem;
  --fs-2xl: clamp(3rem, 9vw, 7.5rem);
  --fs-script: clamp(3.2rem, 8vw, 6rem);

  --tracking-wide: 0.14em;
  --tracking-wider: 0.22em;

  /* ---------- Spacing ---------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 112px;

  --max-width-page: 1320px;
  --radius: 4px;

  --dur: 0.3s;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-soft: cubic-bezier(0.16, 1, 0.3, 1);
}