/* ============================================================================
   METATRIA · DESIGN TOKENS · v1.0.0
   ============================================================================
   Источник правды цвета и типографики бренда Metatria.
   Ратификация: 2026-07-18 (Конституция brand-os/CONSTITUTION.md, раздел 4).
   Правило: компоненты и страницы НЕ содержат hex — только var(--mt-*).
   Две ипостаси одной тёплой системы:
     🌙 тёмная  «Золото Климта»   — церемониал (hero, презентации, сертификаты)
     ☀️ светлая «Песок и Шоколад» — рабочая материя (документы, кабинеты, страницы)
   ============================================================================ */

:root {
  /* --- Ядро бренда (сквозные, тема их НЕ меняет) --- */
  --mt-gold: #C9A24B;            /* золото — акцент, CTA, марка */
  --mt-gold-light: #EED9A0;      /* верх градиента золота */
  --mt-gold-deep: #A9812F;       /* низ градиента золота */
  --mt-garnet: #7E2A33;          /* гранат — акцент страсти, ≤5% площади, никогда фон */

  /* --- Палитра тёмной ипостаси --- */
  --mt-espresso: #1A140E;
  --mt-surface-dark: #241C13;
  --mt-umber: #3A2E1F;
  --mt-ivory: #F2E9D6;
  --mt-ivory-dim: #B9AC93;

  /* --- Палитра светлой ипостаси --- */
  --mt-marble: #F5F1E9;
  --mt-cream: #FBF8F2;
  --mt-sand: #D8C193;
  --mt-sand-line: #E5DCCB;
  --mt-chocolate: #4A3226;
  --mt-leather: #1B1612;

  /* --- Типографика: три голоса (кириллица нативная) --- */
  --mt-font-brand: 'Prata', 'Georgia', serif;                 /* голос бренда: wordmark, H1, крупные цифры */
  --mt-font-document: 'Cormorant Garamond', 'Georgia', serif; /* голос документа: комод, эдиториал, цитаты */
  --mt-font-ui: 'Inter', -apple-system, 'Segoe UI', sans-serif; /* голос интерфейса: корпус, формы, таблицы */
  --mt-font-mono: 'JetBrains Mono', 'Menlo', monospace;       /* технические плашки: номера, коды, реквизиты */

  /* --- Разрядка wordmark --- */
  --mt-wordmark-tracking: .26em;

  /* --- Геометрия --- */
  --mt-radius: 10px;
  --mt-radius-lg: 14px;
  --mt-space-1: 4px;  --mt-space-2: 8px;  --mt-space-3: 12px; --mt-space-4: 16px;
  --mt-space-5: 24px; --mt-space-6: 32px; --mt-space-7: 48px; --mt-space-8: 64px;

  /* --- Движение --- */
  --mt-ease: cubic-bezier(.4, 0, .2, 1);
  --mt-dur: .22s;
}

/* ============================================================
   Семантические роли — переключаются темой.
   Дефолт (без data-theme) = светлая рабочая материя.
   ============================================================ */
:root,
[data-theme="light"] {
  --mt-bg: var(--mt-marble);
  --mt-surface: var(--mt-cream);
  --mt-line: var(--mt-sand-line);
  --mt-text: var(--mt-leather);
  --mt-text-2: var(--mt-chocolate);
  --mt-accent: var(--mt-gold);
  --mt-hardware: var(--mt-brass);      /* мелкая фурнитура светлой темы */
  --mt-wordmark: var(--mt-leather);
}

[data-theme="dark"] {
  --mt-bg: var(--mt-espresso);
  --mt-surface: var(--mt-surface-dark);
  --mt-line: var(--mt-umber);
  --mt-text: var(--mt-ivory);
  --mt-text-2: var(--mt-ivory-dim);
  --mt-accent: var(--mt-gold);
  --mt-hardware: var(--mt-gold);
  --mt-wordmark: var(--mt-ivory);
}

:root { --mt-brass: #A87F3D; }

/* ============================================================
   Brand-immutable: марка золотая в ОБЕИХ темах.
   Логотип не перекрашивается в цвет темы — только золото
   (на светлом допустима латунь для мелкой фурнитуры ≤24px).
   ============================================================ */
.mt-mark { color: var(--mt-gold); }
.mt-mark--small-on-light { color: var(--mt-brass); }

/* Запрещено в каноне: холодные оттенки (синий/индиго/петроль),
   шафрановые заливки, гранат фоном, hex в компонентах. */