/* Official VERKUP orange comes from verkup-logo.svg; blue is the app accent. */
:root {
  color-scheme: light;
  --orange: #ff7500;
  --orange-hover: #ed6d00;
  --on-orange: #17120e;
  --blue: #2458c4;
  --blue-strong: #183f96;
  --ink: #202735;
  --secondary: #48566b;
  --muted: #637087;
  --canvas: #f3f5f9;
  --surface: #ffffff;
  --surface-muted: #f7f8fb;
  --surface-hover: #edf1f7;
  --line: #e0e5ee;
  --input-line: #bcc7d8;
  --blue-soft: #eaf0ff;
  --blue-mid: #d9e5ff;
  --blue-border: #8faeea;
  --completed-bg: #e4ebf7;
  --completed-ink: #274575;
  --calendar-green-bg: #e6f4eb;
  --calendar-green-ink: #24633c;
  --calendar-green-border: #3d9860;
  --calendar-yellow-bg: #fff7d1;
  --calendar-yellow-ink: #785a08;
  --calendar-yellow-border: #d6b02a;
  --calendar-red-bg: #ffe9e6;
  --calendar-red-ink: #a42f28;
  --calendar-red-border: #df5146;
  --travel-bg: #deedff;
  --travel-ink: #195f99;
  --orange-soft: #fff0e2;
  --orange-ink: #994200;
  --orange-border: #f3bf93;
  --danger: #b33a32;
  --danger-bg: #fff0ee;
  --danger-border: #eab1aa;
  --neutral-border: #a2afc2;
  --hero: #101d36;
  --hero-text: #ffffff;
  --hero-muted: #c1cee4;
  --hero-line: #334565;
  --shadow: #10203d1f;
  --modal-shadow: #050b1b40;
  --backdrop: #070d1f80;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --orange: #ff7500;
  --orange-hover: #ff9133;
  --on-orange: #17120e;
  --blue: #85aaff;
  --blue-strong: #b1c8ff;
  --ink: #edf1f8;
  --secondary: #c3cddd;
  --muted: #a0adc2;
  --canvas: #101318;
  --surface: #191f2a;
  --surface-muted: #151b24;
  --surface-hover: #242e3e;
  --line: #303a4c;
  --input-line: #4c5c73;
  --blue-soft: #202f4e;
  --blue-mid: #2c416b;
  --blue-border: #5479bd;
  --completed-bg: #253149;
  --completed-ink: #c3d3f3;
  --calendar-green-bg: #193b2a;
  --calendar-green-ink: #a0e3b7;
  --calendar-green-border: #50ba79;
  --calendar-yellow-bg: #3a3216;
  --calendar-yellow-ink: #f5df83;
  --calendar-yellow-border: #d6b942;
  --calendar-red-bg: #492421;
  --calendar-red-ink: #ffb1a9;
  --calendar-red-border: #ef6f64;
  --travel-bg: #1d374f;
  --travel-ink: #99ceff;
  --orange-soft: #3e291c;
  --orange-ink: #ffb67d;
  --orange-border: #825330;
  --danger: #ffa49a;
  --danger-bg: #412724;
  --danger-border: #a2645c;
  --neutral-border: #65738c;
  --hero: #0d1525;
  --hero-text: #f5f7ff;
  --hero-muted: #bbc8df;
  --hero-line: #2f3d56;
  --shadow: #00000040;
  --modal-shadow: #00000080;
  --backdrop: #030711b3;
}