/* Раскладка: один столбец крупных действий в рамке телефона; пульт для показа стоит отдельно от приложения. */
:root {
  --font: 'Golos Text', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  --page: #d9e0ea;
  --bg: #f4f7fb;
  --surface: #ffffff;
  --ink: #0f2038;
  --ink-soft: #45546b;
  --line: #c5cfdd;
  --line-strong: #6b7a90;
  --bezel: #0f2038;
  --shade: rgba(15, 32, 56, 0.55);

  --primary: #1b4bd1;
  --on-primary: #ffffff;
  --primary-soft: #e2eafd;
  --call: #136c34;
  --on-call: #ffffff;
  --danger: #b3241c;
  --focus: #a85f00;
  --star: #b36b00;

  --st-wait-fg: #5a3da6;
  --st-wait-bg: #ece6fb;
  --st-new-fg: #1b4bd1;
  --st-new-bg: #e2eafd;
  --st-work-fg: #7d4a00;
  --st-work-bg: #ffecc7;
  --st-done-fg: #136c34;
  --st-done-bg: #dcf3e3;
  --st-off-fg: #4d5868;
  --st-off-bg: #e6eaf0;

  --radius: 16px;
  --radius-lg: 22px;
  --gap: 16px;
  --tap: 64px;
  --tap-xl: 92px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --page: #060b13;
    --bg: #0e1724;
    --surface: #182434;
    --ink: #eef3fb;
    --ink-soft: #a9b7cc;
    --line: #314159;
    --line-strong: #7f90ab;
    --bezel: #000000;
    --shade: rgba(0, 0, 0, 0.65);

    --primary: #86a8ff;
    --on-primary: #071634;
    --primary-soft: #1c2c50;
    --call: #56cd84;
    --on-call: #04210f;
    --danger: #ff8f85;
    --focus: #ffb53d;
    --star: #ffc247;

    --st-wait-fg: #c9b6ff;
    --st-wait-bg: #2b2250;
    --st-new-fg: #a9c1ff;
    --st-new-bg: #1c2c50;
    --st-work-fg: #ffd27a;
    --st-work-bg: #3d2c08;
    --st-done-fg: #7fe0a4;
    --st-done-bg: #10341f;
    --st-off-fg: #b4bfcf;
    --st-off-bg: #253041;

    color-scheme: dark;
  }
}