:root {
  /* desegn.txt §5 — источник правды по цвету */

  /* Фоны */
  --color-bg-main: #F8F8F5;          /* Warm white — основной фон */
  --color-bg-card: #FFFFFF;          /* Белый для карточек */
  --color-bg-subtle: #F0F0EC;        /* Вторичные блоки */
  --color-bg-dark: #1A3B32;          /* Темный фон */

  /* Текст */
  --color-text-primary: #1D211F;     /* Основной текст */
  --color-text-secondary: #626A65;   /* Вторичный текст */
  --color-text-muted: #929892;       /* Подписи и метаданные */
  --color-text-on-dark: #F8F8F5;     /* Текст на темном */

  /* Акценты — основная палитра по desegn.txt */
  --color-accent-green: #315C4A;     /* Башкирский природный зелёный */
  --color-accent-green-hover: #254A3B;
  --color-green-light: #DDE9E1;      /* Светлый зелёный для background cards */
  --color-sand: #D7C29A;             /* Тёплый песочный акцент */
  --color-sand-hover: #C7AE82;
  --color-terracotta: #A64B3C;       /* Глубокий терракотово-красный */
  --color-water: #C9DFE2;            /* Небесный / водный */

  /* Границы */
  --color-border-subtle: #E5E5EA;    /* Тонкий бордер */
  --color-border-strong: #D1D1D6;    /* Сильный бордер */

  /* ConfidenceLevel — 6 цветов для научной прозрачности */
  --conf-text: #2C5282;              /* [TEXT] синий */
  --conf-research: #276749;          /* [RESEARCH] зелёный */
  --conf-historical: #744210;        /* [HISTORICAL] коричневый */
  --conf-interpretation: #9B2C2C;    /* [INTERPRETATION] красный */
  --conf-hypothesis: #D69E2E;        /* [HYPOTHESIS] оранжевый */
  --conf-fictional: #5B5B5B;         /* [FICTIONAL] серый */

  /* Типографика */
  --font-hero: "Playfair Display", "Georgia", serif;
  --font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-reading: "Lora", "Georgia", serif;
  --font-mono: "SF Mono", "Monaco", "Menlo", monospace;

  /* Шкала текста */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-md: 18px;
  --text-lg: 22px;
  --text-xl: 28px;
  --text-2xl: 36px;
  --text-hero: 56px;

  /* Радиусы по desegn.txt §11 */
  --radius-xs: 4px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-3xl: 40px;

  /* Интервалы */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* Тени по desegn.txt */
  --shadow-subtle: 0 4px 20px rgba(26, 59, 50, 0.04);
  --shadow-card: 0 4px 15px rgba(26, 59, 50, 0.03);
  --shadow-modal: 0 16px 40px rgba(26, 59, 50, 0.12);

  /* Z-index */
  --z-dropdown: 100;
  --z-header: 100;
  --z-sticky: 98;
  --z-drawer: 200;
  --z-modal: 201;
  --z-tooltip: 300;

  /* Переходы по desegn.txt §31 */
  --transition-fast: 150ms ease-out;
  --transition-smooth: 300ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-storytelling: 600ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Медиа-запросы */
  --breakpoint-mobile: 375px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1024px;
}