:root{
  color-scheme: dark;

  /* бумага — тёплый лист, 3 уровня */
  --paper: #F7F0E3;
  --paper-raised: #FFFBF3;
  --paper-sunken: #ECE1CB;

  /* графит — текст по бумаге, 3 уровня */
  --ink: #30261C;
  --ink-soft: #6C5D4C;
  --ink-faint: #9C8C76;
  --line: rgba(48,38,28,.16);
  --line-strong: rgba(48,38,28,.32);

  /* латунь/золото — акцент, hover, мягкий */
  --gold: #93723A;
  --gold-strong: #74582A;
  --gold-soft: #E7D8B3;
  --gold-bright: #FBEFCB;

  /* тёплый акцент «любовь» — приглушённая терракота */
  --accent: #8C3B42;
  --accent-strong: #6E2E34;
  --accent-soft: #E7C9C4;
  --accent-tint: #F3E3DF;

  /* состояния */
  --success: #4C7556;
  --success-soft: #DEE9DD;
  --error: #9A4A3E;
  --error-soft: #F1DAD4;
  --focus: var(--gold);
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--gold) 38%, transparent);

  --scrim: rgba(23,15,9,.78);
  --shadow-color: rgba(6,5,20,.45);

  /* небо — ночь, 4 уровня */
  --sky-1: #0E1027;
  --sky-2: #1B1640;
  --sky-horizon: #3D2A4A;
  --sky-glow: #D98A5E;
  --sky-bg: radial-gradient(ellipse 130% 42% at 50% 100%, color-mix(in srgb, var(--sky-glow) 30%, transparent) 0%, transparent 70%), linear-gradient(180deg, var(--sky-1) 0%, var(--sky-2) 55%, var(--sky-horizon) 100%);
  --sky-ink: #F2E7D3;
  --sky-ink-soft: #C7B599;
  --sky-ink-faint: #A89880;
  --sky-line: rgba(242,231,211,.16);
  --sky-line-strong: rgba(242,231,211,.3);
  --sky-accent: #E39089;
  --sky-accent-strong: #EDAEA7;
  --sky-gold: #D1B169;
  --sky-gold-strong: #E8CB86;
  --sky-gold-soft: rgba(209,177,105,.4);
  --sky-trust: #8FC09A;
  --sky-error: #E2948A;

  /* тон линии декора — единая толщина/цвет гравюры на бумаге и на небе */
  --orn-line: var(--gold);
  --orn-line-soft: color-mix(in srgb, var(--gold) 55%, transparent);
  --orn-line-dark: var(--sky-gold);
  --orn-line-dark-soft: color-mix(in srgb, var(--sky-gold) 45%, transparent);
  --orn-weight: 1px;

  --fs-caption: 14px;
  --fs-small: 15px;
  --fs-body: 17px;
  --fs-body-lg: 19px;
  --fs-h3: 22px;
  --fs-h2: 30px;
  --fs-h1: clamp(28px, 8vw, 40px);
  --fs-display: 50px;

  --gutter: 16px;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;

  --r-sm: 10px; --r-md: 16px; --r-lg: 24px; --r-pill: 999px;

  --shadow-sm: 0 2px 6px var(--shadow-color);
  --shadow-md: 0 8px 22px var(--shadow-color);
  --shadow-lg: 0 18px 44px var(--shadow-color);
  --shadow-btn: 0 10px 24px -8px color-mix(in srgb, var(--accent) 55%, transparent);

  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-script: 'Cormorant Garamond', Georgia, serif;
  --font-ui: 'Manrope', -apple-system, 'Segoe UI', sans-serif;
}
:root{
  --ease: cubic-bezier(.16,.8,.3,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-spring: cubic-bezier(.22,1.12,.36,1);

  /* единая хореография: появления/каскады/переходы */
  --dur-1: 240ms;
  --dur-2: 420ms;
  --dur-3: 700ms;
  --dur-4: 1100ms;
  --dur-5: 1800ms;
  --stagger: 140ms;

  --maxw:480px;
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}