/* Фирменный стиль «Академия Кофе» — шрифты и дизайн-токены.
   Переиспользуется всеми страницами. Источник: dashboard.akcoffee.ru. */

@font-face{font-family:"TT Firs";src:url("/public/brand/fonts/TTFirs-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"TT Firs";src:url("/public/brand/fonts/TTFirs-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"TT Firs";src:url("/public/brand/fonts/TTFirs-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Rhythmic";src:url("/public/brand/fonts/Rhythmic_RUS.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}

:root{
  /* палитра бренда */
  --brand-espresso:#331d12;
  --brand-coffee:#5f3f30;
  --brand-caramel:#896447;
  --brand-latte:#c8ad8f;
  --brand-cream:#f6e2c1;
  --brand-cream-soft:#fcecd3;
  --brand-cream-light:#fcf6e9;
  --brand-olive-deep:#525c3a;
  --brand-olive:#66783b;
  --brand-olive-soft:#94a865;
  --brand-olive-pale:#becc9d;
  --brand-gold:#dea345;
  --brand-gold-soft:#f0c98b;
  --brand-terracotta:#c76b3e;
  --brand-terracotta-soft:#d68e6e;
  --brand-blue:#548b9e;
  --brand-blue-soft:#8ab4c3;

  /* семантические роли */
  --bg:var(--brand-cream);
  --surface:var(--brand-cream-light);
  --surface-soft:var(--brand-cream-soft);
  --ink:var(--brand-espresso);
  --muted:var(--brand-caramel);
  --line:#e0c69e;
  --accent:var(--brand-gold);
  --ok:var(--brand-olive-deep);
  --ok-soft:var(--brand-olive-pale);
  --shadow:0 12px 30px rgba(51,29,18,.10);

  /* цвета городов */
  --nsk:var(--brand-olive-soft);
  --kras:var(--brand-terracotta);
  --md:#9b6e9a;

  /* шрифтовые стеки */
  --sans:"TT Firs",Arial,"Helvetica Neue",sans-serif;
  --display:"Rhythmic","TT Firs",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* ── Тёмная тема ─────────────────────────────────────────── */
:root[data-theme="dark"]{
  --bg:#17110d;
  --surface:#221913;
  --surface-soft:#2c2118;
  --ink:#f4e6cd;
  --muted:#b79b7a;
  --line:#3a2c20;
  --accent:#e0913c;
  --ok:#a8bd79;
  --ok-soft:#2b3320;
  --shadow:0 14px 34px rgba(0,0,0,.45);
  /* роли под тёмный фон */
  --brand-coffee:#d8b98f; /* ссылки / вторичный текст */
  --brand-caramel:#b79b7a; /* подписи */
  --brand-espresso:#f4e6cd; /* «тёмный» текст → в тёмной теме светлый */
}
/* Кремовый логотип (#f4e6cd) — в цвет основного текста тёмной темы. */
:root[data-theme="dark"] .logo,
:root[data-theme="dark"] .topbar .brand img{filter:brightness(0) invert(82.714%) sepia(44.56%)}
/* акцентные кнопки/активные пункты — золотые на тёмном */
:root[data-theme="dark"] .btn-primary,
:root[data-theme="dark"] .submit{background:var(--brand-gold);color:#221913;border-color:var(--brand-gold)}
:root[data-theme="dark"] .btn-primary:hover,
:root[data-theme="dark"] .submit:hover{background:var(--brand-gold-soft)}
:root[data-theme="dark"] .topbar nav a.active{background:var(--brand-gold);color:#221913}
:root[data-theme="dark"] .avatar{background:var(--brand-coffee);color:#221913}
:root[data-theme="dark"] .btn-danger{background:var(--surface)}