:root {
  color-scheme: dark;
  --page-bg: #050918;
  --page-radial-a: rgba(18, 151, 101, .34);
  --page-radial-b: rgba(18, 151, 101, .24);
  --header-bg-start: #101a29;
  --header-bg-end: #060a16;
  --surface: #081321;
  --surface-strong: #071120;
  --surface-muted: #091323;
  --surface-active: #0d2134;
  --card-bg: #080f22;
  --image-bg: #050918;
  --border: #123a55;
  --border-soft: #14305b;
  --divider: #1a2c52;
  --text: #ffffff;
  --text-strong: #dbeafe;
  --text-muted: #a8d7f7;
  --text-soft: #a9b7d6;
  --text-faint: #b9c5df;
  --brand: #ff8800;
  --accent: #ffae00;
  --accent-strong: #a04d00;
  --accent-soft: #ffe44b;
  --accent-contrast: #06101a;
  --button-text: #ffffff;
  --shadow-soft: rgba(4, 216, 126, .08);
  --shadow-accent: rgba(210, 134, 20, .35);
  --banner-control-bg: rgba(8, 19, 33, .7);
  --dot-bg: rgba(219, 234, 254, .5);
  --bar-bg: #1b2847;
  --error-text: #ffb4b4;
  --error-border: #5a1b1b;
  --success: #24e287;
  --success-border: #13b96b;
  --danger: #ff5268;
  --danger-border: #dc3950;
  --green-fill-a: #25c46a;
  --green-fill-b: #1fb660;
  --yellow-fill-a: #eab308;
  --yellow-fill-b: #d79b08;
  --red-fill-a: #ef4444;
  --red-fill-b: #d93636;
  --focus-ring: rgba(32, 217, 120, .14);
  --mobile-shadow: rgba(0, 0, 0, .35);
  --bottom-nav-bg: #071120;
  --bottom-nav-border: rgba(99, 232, 138, .24);
  --bottom-nav-text: #dbeafe;
  --bottom-nav-muted: #9fb9d5;
  --bottom-nav-active: var(--accent);
  --bottom-nav-hover-bg: rgba(99, 232, 138, .1);
  --text-shadow: rgba(0, 0, 0, .5);
}

:root[data-theme="light"] {
  color-scheme: light;
  --page-bg: #edf4f8;
  --page-radial-a: rgba(25, 201, 100, .22);
  --page-radial-b: rgba(53, 121, 214, .16);
  --header-bg-start: #ffffff;
  --header-bg-end: #edf6f2;
  --surface: #ffffff;
  --surface-strong: #f7fbff;
  --surface-muted: #eef7f2;
  --surface-active: #e7f7ef;
  --card-bg: #ffffff;
  --image-bg: #edf4f8;
  --border: #b7d3df;
  --border-soft: #c2d9e4;
  --divider: #d7e5ec;
  --text: #102033;
  --text-strong: #102033;
  --text-muted: #315d73;
  --text-soft: #4d6a7c;
  --text-faint: #49606f;
  --accent-contrast: #06101a;
  --button-text: #102033;
  --shadow-soft: rgba(14, 167, 106, .12);
  --banner-control-bg: rgba(255, 255, 255, .78);
  --dot-bg: rgba(16, 32, 51, .34);
  --bar-bg: #d6e3ea;
  --error-text: #a7232f;
  --error-border: #d8959c;
  --success: #0c9e60;
  --success-border: #0e8f58;
  --danger: #ca3047;
  --danger-border: #ba2840;
  --green-fill-a: #1eb86a;
  --green-fill-b: #10a45c;
  --yellow-fill-a: #d99b06;
  --yellow-fill-b: #c88705;
  --red-fill-a: #df3d50;
  --red-fill-b: #c93044;
  --focus-ring: rgba(14, 167, 106, .16);
  --mobile-shadow: rgba(16, 32, 51, .18);
  --bottom-nav-bg: #ffffff;
  --bottom-nav-border: #cbd8dd;
  --bottom-nav-text: #233747;
  --bottom-nav-muted: #527083;
  --bottom-nav-hover-bg: #edf7f2;
  --text-shadow: rgba(0, 0, 0, .32);
}