/* SodaEasy — токены палитры «Ценник» (по умолчанию). Вторая палитра —
   css/palettes/pingvin.css: те же имена токенов, другие значения.
   Мир «Ценник»: серый холст-полка, белые ценники,
   графы-линейки, чёрные клавиши. Цвет — сигнал с одним значением:
   жёлтый — главное действие и «требует внимания», зелёный — рост и готово,
   красный — потеря и отмена, синий — только «в доставке». */

@font-face {
  font-family: "Geist";
  src: url("/assets/fonts/geist-cyrillic.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Geist";
  src: url("/assets/fonts/geist-latin-ext.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Geist";
  src: url("/assets/fonts/geist-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light;

  /* полка и ценники */
  --canvas: #e9e7e2;
  --canvas-2: #e0ddd6;
  --panel: #ffffff;
  --panel-2: #f5f4f0;
  --panel-3: #eeece7;

  /* чернила */
  --ink: #141413;
  --ink-2: #57554f;
  --ink-3: #6f6c64; /* только на белом */
  --rule: rgba(20, 20, 19, 0.11);
  --rule-strong: rgba(20, 20, 19, 0.2);
  --hover: rgba(20, 20, 19, 0.05);
  --press: rgba(20, 20, 19, 0.09);

  /* клавиши */
  --key: #141413;
  --key-hover: #2b2a27;
  --on-key: #f6f4ef;
  --on-key-2: #aeaba3;

  /* сигналы */
  --accent: #ffd21f;
  --accent-press: #f2c200;
  --accent-ink: #5a4a00;
  --accent-wash: rgba(255, 210, 31, 0.24);
  --green: #17783f;
  --green-wash: #e3f0e7;
  --red: #c0362a;
  --red-wash: #f8e5e2;
  --ship: #2f5bd3;
  --ship-wash: #e6ecfb;
  --on-accent: #141413;
  --hole-selected: #fdf3cb; /* отверстие ценника на выбранной строке */

  /* остров: поиск, палитра, уведомления, подсказки графика */
  --isl-bg: #141413;
  --isl-ink: #f6f4ef;
  --isl-ink-2: #aeaba3;
  --isl-ink-3: #8e8b84;
  --isl-soft: #d8d5cd;
  --isl-fill: rgba(246, 244, 239, 0.12);
  --isl-rule: rgba(246, 244, 239, 0.14);
  --isl-edge: 0 0 0 0 transparent;
  --isl-shade: 20, 20, 19;
  --isl-shade-a: 0.45;

  /* графика */
  --chart-bar: #2b2a27;
  --chart-bar-hover: #141413;
  --chart-prev: #b1aea6;
  --chart-grid: rgba(20, 20, 19, 0.08);
  --chart-band: rgba(20, 20, 19, 0.045);

  /* форма */
  --r-tag: 6px;
  --r-sm: 10px;
  --r-key: 12px;
  --r-panel: 16px;
  --r-sheet: 20px;

  --h-key: 40px;
  --h-key-sm: 32px;
  --h-row: 48px;

  --shadow-panel: 0 1px 0 rgba(20, 20, 19, 0.04), 0 14px 32px -24px rgba(20, 20, 19, 0.28);
  --shadow-sheet: 0 2px 6px rgba(20, 20, 19, 0.08), 0 32px 64px -28px rgba(20, 20, 19, 0.42);
  --shadow-pop: 0 2px 6px rgba(20, 20, 19, 0.1), 0 22px 48px -18px rgba(20, 20, 19, 0.38);
  --travel: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 2px 0 rgba(20, 20, 19, 0.28);

  /* сетка */
  --side: 232px;
  --top: 56px;
  --pad: 24px;
  --gap: 16px;

  --font: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Тёмная тема панели — свои шаги, не автоматическая инверсия */
:root[data-theme="dark"] {
  color-scheme: dark;
  --hole-selected: #3a3420;
  --isl-bg: #262624;
  --isl-edge: inset 0 0 0 1px rgba(242, 240, 234, 0.08);
  --isl-shade: 0, 0, 0;
  --isl-shade-a: 0.7;
  --canvas: #121211;
  --canvas-2: #1a1a18;
  --panel: #1c1c1a;
  --panel-2: #232320;
  --panel-3: #2a2a27;
  --ink: #f2f0ea;
  --ink-2: #b6b3ab;
  --ink-3: #9a978f;
  --rule: rgba(242, 240, 234, 0.1);
  --rule-strong: rgba(242, 240, 234, 0.2);
  --hover: rgba(242, 240, 234, 0.06);
  --press: rgba(242, 240, 234, 0.1);
  --key: #f2f0ea;
  --key-hover: #dedbd3;
  --on-key: #141413;
  --on-key-2: #57554f;
  --accent-ink: #ffe27a;
  --accent-wash: rgba(255, 210, 31, 0.16);
  --green: #5fd08c;
  --green-wash: rgba(95, 208, 140, 0.14);
  --red: #ff8a7a;
  --red-wash: rgba(255, 138, 122, 0.14);
  --ship: #8fb0ff;
  --ship-wash: rgba(143, 176, 255, 0.15);
  --chart-bar: #d9d6ce;
  --chart-bar-hover: #ffffff;
  --chart-prev: #6c6a64;
  --chart-grid: rgba(242, 240, 234, 0.08);
  --chart-band: rgba(242, 240, 234, 0.06);
  --shadow-panel: 0 1px 0 rgba(0, 0, 0, 0.3);
  --shadow-sheet: 0 2px 6px rgba(0, 0, 0, 0.4), 0 32px 64px -24px rgba(0, 0, 0, 0.7);
  --shadow-pop: 0 2px 6px rgba(0, 0, 0, 0.4), 0 22px 48px -18px rgba(0, 0, 0, 0.7);
  --travel: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 2px 0 rgba(0, 0, 0, 0.5);
}