/* Elisey — стиль-пакеты. Один набор переменных = один стиль.
   Подключение: <html data-theme="minimal|warm|bright">. Разметка экранов не меняется.
   Шрифты (Google Fonts): IBM Plex Sans 400/500/600, IBM Plex Mono 400/500,
   Onest 400–700, Manrope 400–800, Unbounded 500–700, Material Symbols Outlined. */

:root,
[data-theme="minimal"] {
  --bg: #0b0d0f;
  --panel: #13161a;
  --panel2: #1b1f24;
  --border: #262b32;
  --text: #e7e9ec;
  --muted: #8d949d;
  --accent: oklch(0.84 0.16 155);
  --btn: oklch(0.84 0.16 155);
  --btn-text: #06130b;
  --money: oklch(0.84 0.16 155);
  --money-text: #06130b;
  --danger: oklch(0.70 0.17 25);
  --warn: oklch(0.83 0.13 80);
  --ok: oklch(0.84 0.16 155);
  --tg: #0b0d0f;
  --chip-on: #e7e9ec;
  --chip-on-text: #0b0d0f;
  --ch1: oklch(0.84 0.16 155);
  --ch2: #9ba2aa;
  --ch3: #5f666e;
  --ch4: #3b4148;

  --r: 4px;
  --rl: 8px;
  --rp: 4px;
  --shadow: none;
  --sheet-shadow: 0 -1px 0 #262b32;

  --font: 'IBM Plex Sans', sans-serif;
  --mono: 'IBM Plex Mono', monospace;
  --display: 'IBM Plex Sans', sans-serif;
  --display-weight: 600;
  --display-ls: -0.01em;

  --press: scale(0.98);
  --press-ms: 140ms;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --sheet-ms: 120ms;
}

[data-theme="warm"] {
  --bg: #1c1714;
  --panel: #27201b;
  --panel2: #322922;
  --border: #3e342c;
  --text: #f4ece4;
  --muted: #b4a597;
  --accent: oklch(0.77 0.13 55);
  --btn: oklch(0.77 0.13 55);
  --btn-text: #2a1407;
  --money: oklch(0.83 0.10 145);
  --money-text: #0c1f14;
  --danger: oklch(0.72 0.14 25);
  --warn: oklch(0.83 0.12 85);
  --ok: oklch(0.83 0.10 145);
  --tg: #1c1714;
  --chip-on: oklch(0.77 0.13 55);
  --chip-on-text: #2a1407;
  --ch1: oklch(0.77 0.13 55);
  --ch2: oklch(0.80 0.10 145);
  --ch3: oklch(0.82 0.10 90);
  --ch4: oklch(0.68 0.08 30);

  --r: 12px;
  --rl: 20px;
  --rp: 999px;
  --shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 8px 22px rgba(0,0,0,.28);
  --sheet-shadow: 0 -12px 40px rgba(0,0,0,.45);

  --font: 'Onest', sans-serif;
  --mono: 'Onest', sans-serif;
  --display: 'Onest', sans-serif;
  --display-weight: 700;
  --display-ls: -0.015em;

  --press: scale(0.97);
  --press-ms: 140ms;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --sheet-ms: 320ms;
}

[data-theme="bright"] {
  --bg: #0b0b0b;
  --panel: #171717;
  --panel2: #222222;
  --border: #2d2d2d;
  --text: #ffffff;
  --muted: #a6a6a6;
  --accent: oklch(0.90 0.20 125);
  --btn: oklch(0.90 0.20 125);
  --btn-text: #0b0b0b;
  --money: oklch(0.90 0.20 125);
  --money-text: #0b0b0b;
  --danger: oklch(0.72 0.20 30);
  --warn: oklch(0.72 0.20 30);
  --ok: oklch(0.90 0.20 125);
  --tg: #0b0b0b;
  --chip-on: oklch(0.72 0.20 30);
  --chip-on-text: #0b0b0b;
  --ch1: oklch(0.90 0.20 125);
  --ch2: oklch(0.72 0.20 30);
  --ch3: #ffffff;
  --ch4: #5a5a5a;

  --r: 10px;
  --rl: 18px;
  --rp: 999px;
  --shadow: none;
  --sheet-shadow: 0 -2px 0 oklch(0.90 0.20 125);

  --font: 'Manrope', sans-serif;
  --mono: 'Manrope', sans-serif;
  --display: 'Unbounded', sans-serif;
  --display-weight: 600;
  --display-ls: -0.02em;

  --press: scale(0.94);
  --press-ms: 160ms;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --sheet-ms: 280ms;
}

.pressable { transition: transform var(--press-ms) var(--ease-out); }
.pressable:active { transform: var(--press); }
@media (prefers-reduced-motion: reduce) {
  .pressable:active { transform: none; }
}