/* ============================================================
   Дом Культуры «Веер» — переменные оформления (design tokens).
   ВСЕ цвета, шрифты и общие эффекты живут здесь.
   Стили (site.css) используют только эти переменные.
   ============================================================ */

:root{
  /* Палитра — светлая тема («утро в кофейне») */
  --paper:#FBF8F3;        /* фон страницы: тёплая слоновая кость */
  --paper-2:#F3EDE2;      /* фон-подложка второго уровня */
  --card:#FFFFFF;         /* карточки */
  --ink:#2E3440;          /* основной текст */
  --ink-soft:#5D6470;     /* вторичный текст */
  --blue:#8FA6C4;         /* голубой плафона */
  --blue-deep:#5B738F;    /* голубой для текста/акцентов */
  --gold:#B5924C;         /* приглушённое золото */
  --shine:#E4C87E;        /* блик на нажимаемых надписях (лента афиш) */
  --teal:#2F6B5F;         /* зелёный (кнопки, ссылки) */
  --teal-ink:#FBF8F3;     /* текст на зелёном */
  --rose:#A8564E;         /* тёплый красный (аргументы «против») */

  /* Линии и тени */
  --line:rgba(46,52,64,.16);
  --line-soft:rgba(46,52,64,.09);
  --shadow:0 18px 50px -28px rgba(46,52,64,.35);
  --shadow-card:0 14px 40px -30px rgba(20,22,28,.4);

  /* Вуали поверх фотографий */
  --veil:rgba(251,248,243,.38);
  --veil-deep:rgba(30,32,38,.42);

  /* Статусы (страница прайса) */

  /* Типографика */
  --font-display:"Didot","Bodoni MT","Bodoni 72","Playfair Display",Georgia,serif;
  --font-body:Georgia,'Times New Roman',serif;
  --font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

/* Тёмная тема («вечер концерта») — по настройке устройства */
@media (prefers-color-scheme: dark){
  :root{
    --paper:#1F232C; --paper-2:#262B36; --card:#262B36;
    --ink:#E9E3D6; --ink-soft:#A9A395;
    --blue:#93A9C6; --blue-deep:#A9BCD6;
    --gold:#C9A55C; --shine:#F3DA92; --teal:#77AC9E; --teal-ink:#16211E; --rose:#D28B84;
    --line:rgba(233,227,214,.2); --line-soft:rgba(233,227,214,.1);
    --shadow:0 18px 50px -28px rgba(0,0,0,.6);
    --shadow-card:0 14px 40px -30px rgba(0,0,0,.6);
    --veil:rgba(26,29,36,.30); --veil-deep:rgba(15,17,22,.55);
  }
}

/* Явный выбор тумблером — перекрывает настройку устройства */
:root[data-theme="light"]{
  --paper:#FBF8F3; --paper-2:#F3EDE2; --card:#FFFFFF;
  --ink:#2E3440; --ink-soft:#5D6470;
  --blue:#8FA6C4; --blue-deep:#5B738F;
  --gold:#B5924C; --shine:#E4C87E; --teal:#2F6B5F; --teal-ink:#FBF8F3; --rose:#A8564E;
  --line:rgba(46,52,64,.16); --line-soft:rgba(46,52,64,.09);
  --shadow:0 18px 50px -28px rgba(46,52,64,.35);
  --shadow-card:0 14px 40px -30px rgba(20,22,28,.4);
  --veil:rgba(251,248,243,.38); --veil-deep:rgba(30,32,38,.42);
}
:root[data-theme="dark"]{
  --paper:#1F232C; --paper-2:#262B36; --card:#262B36;
  --ink:#E9E3D6; --ink-soft:#A9A395;
  --blue:#93A9C6; --blue-deep:#A9BCD6;
  --gold:#C9A55C; --shine:#F3DA92; --teal:#77AC9E; --teal-ink:#16211E; --rose:#D28B84;
  --line:rgba(233,227,214,.2); --line-soft:rgba(233,227,214,.1);
  --shadow:0 18px 50px -28px rgba(0,0,0,.6);
  --shadow-card:0 14px 40px -30px rgba(0,0,0,.6);
  --veil:rgba(26,29,36,.30); --veil-deep:rgba(15,17,22,.55);
}