/* Голд Стройка — дизайн-токены: примитивы → семантика → компоненты */

:root {
  /* ---------- Примитивы ---------- */
  --ink-950: #0b0b0c;
  --ink-900: #111113;
  --ink-850: #16161a;
  --ink-800: #1d1d21;
  --ink-700: #29292e;
  --ink-600: #3a3a41;

  --sand-50: #f6f2ea;
  --sand-200: #d9d2c5;
  --sand-400: #aaa398;

  --gold-200: #f1dfae;
  --gold-300: #e5c77f;
  --gold-400: #d4af5f;
  --gold-500: #c29a45;
  --gold-600: #9c7a31;
  --gold-700: #6f5622;

  --red-400: #f08a7e;
  --green-400: #7fcf9a;

  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body: "Manrope", "Segoe UI", system-ui, sans-serif;

  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-32: 2rem;
  --fs-display-s: clamp(2rem, 1.4rem + 2vw, 3rem);
  --fs-display-m: clamp(2.4rem, 1.6rem + 2.8vw, 4rem);
  --fs-display-l: clamp(2.8rem, 1.8rem + 3.6vw, 5.2rem);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  --radius-s: 6px;
  --radius-m: 12px;
  --radius-l: 20px;
  --radius-full: 999px;

  --dur-fast: 140ms;
  --dur-base: 240ms;
  --dur-slow: 520ms;
  --dur-slide: 900ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.18, 1);

  /* ---------- Семантика ---------- */
  --color-bg: var(--ink-900);
  --color-bg-deep: var(--ink-950);
  --color-surface: var(--ink-850);
  --color-surface-raised: var(--ink-800);
  --color-line: rgba(246, 242, 234, 0.1);
  --color-line-strong: rgba(246, 242, 234, 0.2);
  --color-text: var(--sand-50);
  --color-text-muted: var(--sand-400);
  --color-text-soft: var(--sand-200);
  --color-accent: var(--gold-400);
  --color-accent-strong: var(--gold-300);
  --color-accent-deep: var(--gold-600);
  --color-on-accent: var(--ink-950);
  --color-focus: var(--gold-200);
  --color-error: var(--red-400);
  --color-success: var(--green-400);
  --gradient-gold: linear-gradient(135deg, var(--gold-300) 0%, var(--gold-400) 45%, var(--gold-500) 100%);
  --shadow-1: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-gold: 0 10px 30px -10px rgba(212, 175, 95, 0.55);

  --header-h: 76px;
  --container: 1240px;
  --gutter: clamp(16px, 4vw, 48px);

  /* ---------- Компоненты ---------- */
  --btn-h-sm: 40px;
  --btn-h-md: 48px;
  --btn-h-lg: 56px;
  --btn-radius: var(--radius-s);
  --btn-font: 600 var(--fs-14) / 1 var(--font-body);
  --btn-tracking: 0.06em;

  --card-bg: var(--color-surface);
  --card-border: var(--color-line);
  --card-radius: var(--radius-m);

  --input-h: 52px;
  --input-bg: rgba(246, 242, 234, 0.04);
  --input-border: var(--color-line-strong);
  --input-radius: var(--radius-s);
}