:root[data-theme="default"]{
  /* =========================================
     DEFAULT THEME (single source of truth)
     Все цвета и полутона живут здесь.
     В остальных CSS — только var(...)
     ========================================= */

  /* Base surfaces */
  --c-bg-1: #050b1a;     /* основной фон страниц */
  --c-bg-2: #02040a;     /* фон body / глубина */
  --c-surface: #050b1a;  /* карточки / модалки */

  /* Text */
  --c-text: rgba(249,250,251,0.98);
  --c-text-soft: rgba(229,231,235,0.86);

  /* Neutrals */
  --c-border: rgba(255,255,255,0.08);
  --c-border-soft: rgba(255,255,255,0.10);
  --c-border-strong: rgba(255,255,255,0.14);

  /* Glass / overlays */
  --c-glass: rgba(0,0,0,0.22);
  --c-surface-glass: rgba(0,0,0,0.18);
  --c-overlay: rgba(0,0,0,0.60);

  /* Accent (Telegram / интерактив) */
  --c-a1-18: rgba(56,189,248,0.18);
  --c-a1-20: rgba(56,189,248,0.20);
  --c-a1-25: rgba(56,189,248,0.25);
  --c-a1-35: rgba(56,189,248,0.35);
  --c-a1-45: rgba(56,189,248,0.45);

  --c-a2-25: rgba(15,118,110,0.25);
  --c-a2-25b: var(--c-a2-25);

  --c-a2-45: rgba(15,118,110,0.45);

  --c-accent-border: rgba(148,163,184,0.70);
  --c-accent-border-50: rgba(148,163,184,0.50);
  --c-shadow-a1-28: rgba(56,189,248,0.28);

  /* Links */
  --c-link: rgba(229,231,235,0.92);
  --c-link-muted: rgba(156,163,175,1);

  /* Tags palette (filters) */
  /*
    Цветовая палитра для тегов (фильтров).

    Предыдущая версия использовала насыщенные базовые оттенки,
    которые давали слишком яркий контраст. Для более взрослого
    и спокойного восприятия мы заменяем их на пастельные цвета.
    Эти значения подобраны вручную: приглушённые голубой, зелёный,
    розовый, оранжевый, жёлтый, сиреневый и бирюзовый. Цвета
    остаются различимыми между собой, но не кричащими.
  */
  --c-tag-0: #3295f3;  
  --c-tag-1: #27d16e;  
  --c-tag-2: #d63578;  
  --c-tag-3: #de8538;  
  --c-tag-4: #e6c42b; 
  --c-tag-5: #8450f5;  
  --c-tag-6: #40c4c1; 

  --c-black-014: rgba(0,0,0,0.14);
  --c-black-016: rgba(0,0,0,0.16);
  --c-black-020: rgba(0,0,0,0.20);
  --c-black-025: rgba(0,0,0,0.25);
  --c-black-026: rgba(0,0,0,0.26);
  --c-black-028: rgba(0,0,0,0.28);
  --c-black-035: rgba(0,0,0,0.35);
  --c-black-056: rgba(0,0,0,0.56);
  --c-black-085: rgba(0,0,0,0.85);
  --c-ink-20410-0: rgba(2,4,10,0);
  --c-ink-20410-035: rgba(2,4,10,0.35);
  --c-ink-20410-045: rgba(2,4,10,0.45);
  --c-ink-20410-09: rgba(2,4,10,0.9);
  --c-ink-20410-092: rgba(2,4,10,0.92);
  --c-ink-20410-098: rgba(2,4,10,0.98);
  --c-ink-20623-035: rgba(2,6,23,0.35);
  --c-ink-20623-055: rgba(2,6,23,0.55);
  --c-slate-152342-1: rgba(15,23,42,1);
  --c-a2-14: rgba(15,118,110,0.14);
  --c-a2-20: rgba(15,118,110,0.20);
  --c-a1b-16: rgba(14,165,233,0.16);
  --c-a1b-22: rgba(14,165,233,0.22);
  --c-purple-18: rgba(15,118,110,0.18);
  --c-purple-60: rgba(15,118,110,0.60);
  --c-slateborder-45: rgba(148,163,184,0.45);
  --c-slateborder-55: rgba(148,163,184,0.55);
  --c-text-58: rgba(229,231,235,0.58);
  --c-text-60: rgba(229,231,235,0.60);
  --c-text-75: rgba(229,231,235,0.75);
  --c-deepviolet-80: rgba(1,36,40,0.8);

  --c-text-078: rgba(229,231,235,0.78);
  --c-text-080: rgba(229,231,235,0.80);
  --c-text-095: rgba(229,231,235,0.95);
  --c-text-098: rgba(229,231,235,0.98);
  --c-white-002: rgba(255,255,255,0.02);
  --c-white-012: rgba(255,255,255,0.12);
  --c-white-025: rgba(255,255,255,0.25);
  --c-white-09: rgba(255,255,255,0.9);
  --c-a1-012: rgba(56,189,248,0.12);
  --c-a1-014: rgba(56,189,248,0.14);
  --c-a1-016: rgba(56,189,248,0.16);
  --c-a1-022: rgba(56,189,248,0.22);
  --c-a1-030: rgba(56,189,248,0.30);
  --c-a1-035: rgba(56,189,248,0.35);
  --c-a1-042: rgba(56,189,248,0.42);

  /*
     Для единообразия кодирования десятичных значений оставляем ведущие
     нули в исходных переменных (--c-a1-012, --c-a1-016, --c-a1-022, --c-a1-030).
     Ниже определяем короткие алиасы, перенаправляющие на основную
     переменную. Это устраняет дублирование значений и упрощает
     модификацию оттенков.
  */
  --c-a1-12: var(--c-a1-012);
  --c-a1-16: var(--c-a1-016);
  --c-a1-22: var(--c-a1-022);
  --c-a1-30: var(--c-a1-030);
  --c-black-032: rgba(0,0,0,0.32);

  /*
    Semantic aliases

    В проекте несколько мест используют явные цвета «белый» и «тёмный»
    через хардкоды в стилях. Для унификации и простоты поддержки
    объявляем эти значения как отдельные переменные. После этого
    layout.css может ссылаться на var(--c-white) и var(--c-dark),
    что исключает хардкод и обеспечивает единый источник правды.
  */
  --c-white: #ffffff;
  --c-dark: #020617;

  /*
    Устраняем дубли: некоторые оттенки а2 определены дважды
    (например, --c-a2-25 и --c-a2-25b) с одинаковыми значениями.
    Вместо повторения значений создаём alias на исходную переменную.
  */
  --c-a2-25b: var(--c-a2-25);
}