/**
 * BarinovDao — единая дизайн-система для лендингов курсов.
 * Cream + Navy + Teal · Playfair Display + Montserrat
 */
:root {
  --brand-cream: #fdfbf7;
  --brand-navy: #002b49;
  --brand-teal: #00a3ad;
  --brand-teal-dark: #008894;
  --brand-slate: #334155;
  --brand-muted: #64748b;
  --brand-line: #e2e8f0;
  --brand-accent-soft: #7ec8cf;

  --bg: var(--brand-cream);
  --bg-soft: #f5f8fa;
  --surface: #ffffff;
  --surface-strong: #ffffff;
  --text: var(--brand-navy);
  --muted: var(--brand-slate);
  --line: var(--brand-line);
  --primary: var(--brand-teal);
  --primary-strong: var(--brand-teal-dark);
  --moss: var(--brand-navy);
  --sage: var(--brand-teal);
  --brass: var(--brand-teal);
  --ink: var(--brand-navy);
  --shadow: 0 18px 46px rgba(0, 43, 73, 0.1);

  --font-display: "Playfair Display", "Times New Roman", serif;
  --font-body: "Montserrat", "Segoe UI", sans-serif;

  --radius: 8px;
  --container: 1160px;

  /* Алиасы для barinov-yoga.html */
  --color-bg: var(--bg);
  --color-surface: var(--surface);
  --color-surface-2: var(--bg-soft);
  --color-surface-offset: #eef2f6;
  --color-border: var(--line);
  --color-text: var(--text);
  --color-text-muted: var(--muted);
  --color-text-faint: var(--brand-muted);
  --color-primary: var(--primary);
  --color-primary-hover: var(--primary-strong);
  --color-primary-active: #006b72;
  --color-primary-highlight: #d4f4f6;
  --color-accent-warm: var(--brand-accent-soft);
  --color-on-primary: #ffffff;
}

[data-theme="dark"] {
  --bg: #001a2e;
  --bg-soft: #002b49;
  --surface: #0a2540;
  --surface-strong: #0d2d4d;
  --text: #e8eef4;
  --muted: #94a3b8;
  --line: #1e3a5f;
  --primary: #00a3ad;
  --primary-strong: #2eb8c0;
  --ink: #001428;
  --brand-accent-soft: #7ec8cf;

  --color-bg: var(--bg);
  --color-surface: var(--surface);
  --color-surface-2: var(--bg-soft);
  --color-surface-offset: #0d2d4d;
  --color-border: var(--line);
  --color-text: var(--text);
  --color-text-muted: var(--muted);
  --color-text-faint: #64748b;
  --color-primary: var(--primary);
  --color-primary-hover: var(--primary-strong);
  --color-primary-active: #5ed4dc;
  --color-primary-highlight: #0d3d42;
  --color-on-primary: #001a2e;
}