:root {
  color-scheme: light;

  /* Палитра V3 — тёплая витрина. */
  --bg: #FFFCF6;
  --surface: #FFFFFF;
  --surface-2: #FFF3E8;
  --ink: #17130E;
  --ink-soft: #5B544A;
  --ink-muted: #8A8175;
  --ink-label: #6F675C; /* AA-вариант для мелких подписей на кремовом и surface-2 */
  --ink-on-dark: #FFFCF6;
  --line: #EDE6DA;
  --line-strong: #D8CDBE;
  --accent: #C93D1C;
  --accent-hover: #A82F13;
  --accent-ink: #FFFFFF;
  --accent-soft: #FFE4D6;
  --accent-on-dark: #FFB59C;
  --ok: #1F7A4D;
  --dark: #17130E;
  --dark-2: #221C15;
  --dark-ink: #FFFCF6;
  --dark-soft: #C9C0B4;
  --dark-line: rgba(255, 252, 246, 0.14);
  --grain: rgba(23, 19, 14, 0.035);
  --glow: rgba(201, 61, 28, 0.16);

  --font-display: "Unbounded", system-ui, sans-serif;
  --font-sans: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;

  --h1: clamp(2.4rem, 5.6vw, 4.5rem);
  --h2: clamp(1.9rem, 3.8vw, 3.2rem);
  --h3: 1.35rem;
  --body: 1.02rem;
  --label: 0.72rem;

  --container: 1200px;
  --gutter: clamp(20px, 4vw, 48px);
  --section-y: clamp(64px, 8vw, 112px);
  --header-h: 72px;

  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;

  --shadow-sm: 0 1px 2px rgba(23, 19, 14, 0.05);
  --shadow-md: 0 18px 50px -24px rgba(23, 19, 14, 0.25);
  --shadow-lift: 0 24px 60px -28px rgba(23, 19, 14, 0.3);

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-fast: 0.16s;
  --dur: 0.22s;
  --dur-slow: 0.32s;
}
