/* ==========================================================================
   variables.css — дизайн-токены проекта (золотой премиум-вариант)
   Цвета, шрифты, отступы, радиусы, тени, breakpoints
   ========================================================================== */

:root {
  /* Цвета */
  --bg: #0A0A0A;
  --bg-elevated: #161616;
  --bg-elevated-2: #1E1E1E;
  --text: #F5F5F5;
  --text-muted: #9A9A9A;
  --accent: #D4A446;
  --accent-hover: #B8902F;
  --accent-glow: rgba(212, 164, 70, 0.2);
  --accent-glow-strong: rgba(212, 164, 70, 0.45);
  --border: #2A2520;
  --border-strong: #3B342B;
  --success: #4ADE80;
  --error: #F87171;

  /* Градиенты */
  --gradient-gold: linear-gradient(135deg, #E8C063 0%, #D4A446 50%, #B8902F 100%);
  --gradient-gold-soft: linear-gradient(135deg, rgba(212, 164, 70, 0.15) 0%, rgba(212, 164, 70, 0.04) 100%);
  --overlay-hero: linear-gradient(180deg, rgba(10, 10, 10, 0.45) 0%, rgba(10, 10, 10, 0.65) 60%, rgba(10, 10, 10, 0.9) 100%);

  /* Шрифты */
  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Размеры */
  --container-max: 1280px;
  --container-narrow: 720px;
  --container-pad-mobile: 24px;
  --container-pad-desktop: 48px;

  /* Отступы между секциями */
  --section-pad-y-mobile: 64px;
  --section-pad-y-desktop: 112px;

  /* Радиусы */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Тени и свечение */
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-card-hover: 0 8px 32px rgba(0, 0, 0, 0.55), 0 0 0 1px var(--accent-glow);
  --shadow-glow: 0 0 24px var(--accent-glow);
  --shadow-glow-strong: 0 0 32px var(--accent-glow-strong);

  /* Переходы */
  --transition-fast: 150ms ease;
  --transition: 250ms ease;
  --transition-slow: 400ms ease;

  /* Z-index слои */
  --z-header: 100;
  --z-mobile-menu: 110;
  --z-popup: 200;
  --z-modal: 220;
  --z-lightbox: 240;

  /* Header */
  --header-height: 72px;
}