/**
 * ALL BLING — дизайн-токены
 * Светлый основной контент, navy-акценты, тёмный подвал (как в Figma).
 */

:root {
  --font-display: "Maslov", sans-serif;
  --font-heading: "Commissioner", system-ui, sans-serif;
  --font-body: "Commissioner", system-ui, sans-serif;

  /* Бренд */
  --color-navy: #11186d;
  --color-navy-hover: #373889;
  --color-navy-deep: #0a0f4a;

  /* Страница (светлая) */
  --color-page: #ffffff;
  --color-ink: #1a1a1a;
  --color-ink-muted: #5c5c66;
  --color-heading: #141575;
  --color-ink-muted-light: #ABB3BB;

  --color-gold: #9a7b2d;
  --color-gold-soft: #c9a962;

  /* Совместимость с существующими классами */
  --color-bg: var(--color-page);
  --color-bg-elevated: #f4f4f6;
  --color-bg-soft: #ececee;
  --color-surface: #ffffff;
  --color-text: var(--color-ink);
  --color-text-muted: var(--color-ink-muted);
  --color-accent: var(--color-navy);
  --color-accent-hover: var(--color-navy-hover);
  --color-accent-light: #e8eaf4;
  --color-border: rgba(0, 0, 0, 0.1);

  --shadow-card: 0 10px 40px rgba(17, 24, 109, 0.08);
  --shadow-hover: 0 18px 52px rgba(17, 24, 109, 0.14);
  --shadow-header: 0 1px 0 rgba(0, 0, 0, 0.06);

  --container: min(1320px, calc(100% - 40px));
  --container-tight: min(1200px, calc(100% - 32px));
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.34s cubic-bezier(0.4, 0, 0.2, 1);

  /* Buttons */
  --btn-font-size: 14px;
  --btn-font-size-sm: 13px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition: 0.01ms;
    --transition-slow: 0.01ms;
  }
}

@media (max-width: 359px) {
  :root {
    --container: calc(100% - 24px);
  }
}

/* Тёмная тема только внутри подвала */
.site-footer {
  --color-bg: #121212;
  --color-bg-elevated: #1a1a1a;
  --color-bg-soft: #161616;
  --color-text: rgba(255, 255, 255, 0.9);
  --color-text-muted: rgba(255, 255, 255, 0.58);
  --color-border: rgba(255, 255, 255, 0.12);
  --color-surface: #ffffff;
  --shadow-card: 0 12px 40px rgba(0, 0, 0, 0.35);
  --shadow-hover: 0 18px 50px rgba(0, 0, 0, 0.45);
}