/*
 * Мебель Дельта — Design Tokens
 * Все переменные дизайн-системы в одном месте
 */

:root {
  /* === Цвета === */
  --c-ivory: #F9F8F6;
  --c-light: #F5F4F0;
  --c-white: #FFFFFF;
  --c-graphite: #2C2D2F;
  --c-dark: #1A1A1A;
  --c-emerald: #2D5F4C;
  --c-burgundy: #722F37;
  --c-gold: #C9A961;
  --c-gold-hover: #b8964e;
  --c-sand: #C4BAA0;
  --c-sand-light: #D8D0C0;
  --c-text: #1A1A1A;
  --c-text-muted: #666666;
  --c-text-light: #767676;
  --c-border: #E5E5E5;
  --c-border-light: #F0F0F0;

  /* === Шрифты === */
  --f-heading: 'Cormorant Garamond', Georgia, serif;
  --f-body: 'Raleway', Arial, sans-serif;

  /* === Размеры текста === */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 2rem;
  --fs-4xl: 2.5rem;
  --fs-5xl: 3rem;
  --fs-6xl: 3.75rem;
  --fs-7xl: 4.5rem;
  --fs-8xl: 6rem;
  --fs-9xl: 8rem;
  --fs-display: clamp(3.5rem, 10vw, 9rem);

  /* === Отступы === */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  /* === Тени === */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.12);
  --shadow-xl: 0 16px 60px rgba(0,0,0,0.16);

  /* === Переходы === */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 0.3s;
  --duration-slow: 0.6s;
  --duration-fast: 0.15s;

  /* === Контейнер === */
  --container-max: 1400px;
  --container-px: 1.25rem;

  /* === Z-index === */
  --z-header: 100;
  --z-menu: 200;
  --z-modal: 300;
  --z-preloader: 400;
}

@media (min-width: 768px) {
  :root {
    --container-px: 2rem;
  }
}