/* ============================================================
   АГМК — токены оформления, светлая/тёмная тема, ширина контента
   ============================================================ */

:root {
  color-scheme: light;

  /* --- Бренд: бирюза --- */
  --brand-700: #229588;
  --brand-600: #45b9a9;
  --brand: #57c4b5;
  --brand-400: #74d2c4;
  --brand-300: #b0e2db;
  --brand-100: #e3f6f2;
  --brand-50: #f1faf8;

  /* --- Поверхности --- */
  --bg: #f8fbfb;
  --bg-soft: #f1f7f7;
  --surface: #ffffff;
  --surface-2: #f7fafb;
  --surface-3: #edf4f5;
  --header-bg: rgba(255, 255, 255, 0.9);

  /* --- Текст --- */
  --text: #10262b;
  --text-muted: #51686f;
  --text-dim: #7c9299;
  --text-invert: #ffffff;

  /* --- Линии --- */
  --border: #e6eef0;
  --border-strong: #d3e2e4;

  /* --- Акцент --- */
  --accent: var(--brand);
  --accent-soft: var(--brand-50);
  --accent-ink: #ffffff;

  /* --- Верхняя полоса --- */
  --topbar-bg: #4fbeb0;
  --topbar-ink: #ffffff;
  --topbar-hover: rgba(255, 255, 255, 0.18);

  /* --- Геометрия --- */
  --container: 1200px;
  --radius-xs: 5px;
  --radius-sm: 7px;
  --radius: 9px;
  --radius-lg: 11px;
  --radius-xl: 14px;

  /* --- Тени --- */
  --shadow-xs: 0 1px 2px rgba(16, 42, 48, 0.06);
  --shadow-sm: 0 6px 16px -8px rgba(16, 42, 48, 0.18);
  --shadow: 0 18px 44px -22px rgba(16, 42, 48, 0.28);
  --shadow-lg: 0 34px 80px -34px rgba(16, 42, 48, 0.34);

  /* --- Градиенты --- */
  --gradient-brand: linear-gradient(135deg, #45b9a9 0%, #57c4b5 48%, #7bd6c8 100%);
  --gradient-hero: radial-gradient(1000px 520px at 12% -10%, #d6f3ef 0%, rgba(214, 243, 239, 0) 62%),
    radial-gradient(820px 460px at 96% 4%, #e6f8f6 0%, rgba(230, 248, 246, 0) 58%);

  /* --- Служебное --- */
  --header-h: 76px;
  --topbar-h: 40px;
  --ease: cubic-bezier(0.22, 0.8, 0.3, 1);
  --font-sans: 'Inter', 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* ---------- Тёмная тема ---------- */
[data-theme='dark'] {
  color-scheme: dark;

  --brand-700: #a9cec7;
  --brand-600: #8bc4bb;
  --brand: #6fb3aa;
  --brand-400: #86c6bd;
  --brand-300: #35544f;
  --brand-100: #1f3533;
  --brand-50: #1b2c2b;

  --bg: #121b1d;
  --bg-soft: #162122;
  --surface: #182426;
  --surface-2: #1f2d2f;
  --surface-3: #263638;
  --header-bg: rgba(24, 36, 38, 0.88);

  --text: #e2e9e8;
  --text-muted: #a7b6b6;
  --text-dim: #8a9a9b;
  --text-invert: #16201f;

  --border: #2a3a3c;
  --border-strong: #35484b;

  --accent: var(--brand);
  --accent-soft: #213230;
  --accent-ink: #16201f;

  --topbar-bg: #1b2a2a;
  --topbar-ink: #d5e3e0;
  --topbar-hover: rgba(255, 255, 255, 0.08);

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-sm: 0 8px 20px -12px rgba(0, 0, 0, 0.55);
  --shadow: 0 18px 44px -26px rgba(0, 0, 0, 0.65);
  --shadow-lg: 0 30px 70px -34px rgba(0, 0, 0, 0.7);

  --gradient-brand: linear-gradient(135deg, #3f6b66 0%, #52857f 52%, #639a92 100%);
  --gradient-hero: radial-gradient(900px 480px at 10% -10%, rgba(111, 179, 170, 0.12) 0%, rgba(111, 179, 170, 0) 62%),
    radial-gradient(700px 420px at 96% 2%, rgba(134, 198, 189, 0.08) 0%, rgba(134, 198, 189, 0) 58%);
}

/* ---------- Ширина контента ---------- */
[data-width='full'] {
  --container: 100%;
}