/* Palette shared with Секретарь/desktop/renderer/style.css and theme.css. */
:root,
:root[data-theme="light"] {
  color-scheme: light;
  --background: #f6f7f9;
  --surface: #fff;
  --ink: #212b3b;
  --muted: #667184;
  --line: #e8ecf1;
  --line-strong: #cfd9e7;
  --hover: #f5f7fb;
  --blue: #3668df;
  --blue-ink: #244fad;
  --primary-background: #3668df;
  --blue-hover: #2d5dcb;
  --blue-active: #244fad;
  --blue-soft: #eef3ff;
  --blue-soft-hover: #dfe8ff;
  --danger: #b34c4c;
  --danger-hover: #963d3d;
  --danger-soft: #fff4f2;
  --placeholder: #667184;
  --on-blue: #fff;
  --toast-background: #212b3b;
  --toast-ink: #fff;
  --shadow: #21365014;
  --success: #3a8c73;
  --warning-ink: #946400;
  --question-ink: #47638b;
  --proposal-line: #d4e0f7;
  --weekly-protein: var(--blue);
  --weekly-protein-ink: #fff;
  --weekly-fat-ink: #101318;
  --weekly-carbs-ink: #101318;
  --weekly-fat: #b1843a;
  --weekly-carbs: var(--success);
  --weekly-water: var(--blue-ink);
  --weekly-unknown: var(--muted);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --background: #0e0e10;
  --surface: #191919;
  --ink: #f0f0f1;
  --muted: #a1a1a8;
  --line: #2c2c2e;
  --line-strong: #515158;
  --hover: #242426;
  --blue: #3987df;
  --blue-ink: #7ab8f7;
  --primary-background: #2b76c9;
  --blue-hover: #226bb9;
  --blue-active: #1d5c9f;
  --blue-soft: #1c2d40;
  --blue-soft-hover: #2a4561;
  --danger: #e59b94;
  --danger-hover: #f3b1aa;
  --danger-soft: #30201f;
  --placeholder: #85858f;
  --on-blue: #fff;
  --toast-background: #f0f0f1;
  --toast-ink: #191919;
  --shadow: #00000040;
  --success: #85c5aa;
  --warning-ink: #e8bd56;
  --question-ink: #bdd3e9;
  --proposal-line: #304962;
  --weekly-protein: var(--blue);
  --weekly-protein-ink: #101318;
  --weekly-fat-ink: #101318;
  --weekly-carbs-ink: #101318;
  --weekly-fat: #cfaa66;
  --weekly-carbs: var(--success);
  --weekly-water: var(--blue-ink);
  --weekly-unknown: var(--muted);
}

/* Also respect the device palette if JavaScript is disabled or unavailable. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --background: #0e0e10;
    --surface: #191919;
    --ink: #f0f0f1;
    --muted: #a1a1a8;
    --line: #2c2c2e;
    --line-strong: #515158;
    --hover: #242426;
    --blue: #3987df;
    --blue-ink: #7ab8f7;
    --primary-background: #2b76c9;
    --blue-hover: #226bb9;
    --blue-active: #1d5c9f;
    --blue-soft: #1c2d40;
    --blue-soft-hover: #2a4561;
    --danger: #e59b94;
    --danger-hover: #f3b1aa;
    --danger-soft: #30201f;
    --placeholder: #85858f;
    --on-blue: #fff;
    --toast-background: #f0f0f1;
    --toast-ink: #191919;
    --shadow: #00000040;
    --success: #85c5aa;
  --warning-ink: #e8bd56;
    --question-ink: #bdd3e9;
    --proposal-line: #304962;
  --weekly-protein: var(--blue);
  --weekly-protein-ink: #101318;
  --weekly-fat-ink: #101318;
  --weekly-carbs-ink: #101318;
  --weekly-fat: #cfaa66;
  --weekly-carbs: var(--success);
  --weekly-water: var(--blue-ink);
  --weekly-unknown: var(--muted);
  }
}