:root[data-theme="slate"] {
  --bg: #11151d;
  --panel: #1a2330;
  --panel-2: #141c27;
  --text: #e8edf7;
  --muted: #9aa9bf;
  --accent: #4f8cff;
  --line: #2f3b4c;
  --good: #6ad39b;
  --warn: #f0be66;
}

:root[data-theme="slate"] body {
  background: #11151d !important;
  color: #e8edf7 !important;
}

:root[data-theme="slate"] .platforms-topbar {
  background: #192230 !important;
  border-color: #2f3b4c !important;
}

:root[data-theme="slate"] .platforms-topbar-title {
  color: #d7e2f8 !important;
}

:root[data-theme="slate"] .platforms-topbar-links a {
  border-color: #3a485d !important;
  color: #d2def3 !important;
}

:root[data-theme="slate"] .platforms-theme-toggle {
  border-color: #3a485d !important;
  color: #d2def3 !important;
  --platforms-theme-icon-fg: #d2def3;
  --platforms-theme-icon-bg: #192230;
}

:root[data-theme="slate"] .platforms-topbar-links a.is-active {
  background: #2a3f63 !important;
  border-color: #5a93ff !important;
  color: #ffffff !important;
}

:root[data-theme="slate"] .card,
:root[data-theme="slate"] .panel,
:root[data-theme="slate"] .controls,
:root[data-theme="slate"] .auth-card {
  background: #1a2330 !important;
  border-color: #2f3b4c !important;
}

:root[data-theme="daylight"] {
  color-scheme: light;
  --bg: #f3f1ec;
  --panel: #f7f5f0;
  --panel-2: #f2f1eb;
  --text: #323438;
  --muted: #6f747d;
  --accent: #2b6fff;
  --line: #d8dbe2;
  --good: #1f9153;
  --warn: #b47700;
}

:root[data-theme="daylight"] body {
  background: #f3f1ec !important;
  color: #323438 !important;
}

:root[data-theme="daylight"] .platforms-topbar {
  background: #f7f5f0 !important;
  border-color: #d8dbe2 !important;
}

:root[data-theme="daylight"] .platforms-topbar-title {
  color: #343740 !important;
}

:root[data-theme="daylight"] .platforms-topbar-links a {
  border-color: #d8dbe2 !important;
  color: #555c66 !important;
}

:root[data-theme="daylight"] .platforms-theme-toggle {
  border-color: #d8dbe2 !important;
  color: #555c66 !important;
  --platforms-theme-icon-fg: #555c66;
  --platforms-theme-icon-bg: #f7f5f0;
}

:root[data-theme="daylight"] .platforms-topbar-links a.is-active {
  background: #eceff6 !important;
  border-color: #bdc7db !important;
  color: #434a56 !important;
}

:root[data-theme="daylight"] .card,
:root[data-theme="daylight"] .panel,
:root[data-theme="daylight"] .controls,
:root[data-theme="daylight"] .auth-card {
  background: #f7f5f0 !important;
  border-color: #d8dbe2 !important;
  color: #323438 !important;
}

:root[data-theme="daylight"] .sub,
:root[data-theme="daylight"] .card p,
:root[data-theme="daylight"] .label,
:root[data-theme="daylight"] .subtitle,
:root[data-theme="daylight"] .auth-subtitle {
  color: #6f747d !important;
}

:root[data-theme="daylight"] .btn,
:root[data-theme="daylight"] .sso,
:root[data-theme="daylight"] .auth-content button,
:root[data-theme="daylight"] .auth-content input[type="submit"] {
  background: #3b6ec7 !important;
  border: 1px solid #305ea9 !important;
  color: #ffffff !important;
}

:root[data-theme="daylight"] a {
  color: #2f5eb8 !important;
}

:root[data-theme="daylight"] .auth-nav {
  border-top-color: #d8dbe2 !important;
  border-bottom-color: #d8dbe2 !important;
}

:root[data-theme="daylight"] .auth-nav a {
  background: #f1f2f5 !important;
  border-color: #cfd5e1 !important;
  color: #4c5563 !important;
}

:root[data-theme="daylight"] .auth-nav a:hover {
  background: #e9edf5 !important;
}

:root[data-theme="daylight"] .auth-content p,
:root[data-theme="daylight"] .auth-content label {
  color: #525966 !important;
}

:root[data-theme="daylight"] .auth-content input[type="text"],
:root[data-theme="daylight"] .auth-content input[type="email"],
:root[data-theme="daylight"] .auth-content input[type="password"],
:root[data-theme="daylight"] .auth-content textarea,
:root[data-theme="daylight"] .auth-content select {
  background: #fcfbf8 !important;
  color: #323438 !important;
  border-color: #c7cedb !important;
}

:root[data-theme="daylight"] .auth-content input::placeholder,
:root[data-theme="daylight"] .auth-content textarea::placeholder {
  color: #8a909b !important;
}

:root[data-theme="daylight"] .auth-content strong {
  border-color: #c7cedb !important;
  color: #4f5764 !important;
  background: #eef1f6 !important;
}

:root[data-theme="daylight"] .auth-content form [name="action_remove"] {
  background: #eceff5 !important;
  color: #4d5562 !important;
  border-color: #c7cedb !important;
}

:root[data-theme="daylight"] .auth-messages li {
  background: #ecf1f9 !important;
  color: #3d485a !important;
  border: 1px solid #c7d3e7 !important;
}

:root[data-theme="daylight"] .auth-field-errors li {
  background: #f8e9eb !important;
  color: #7a2b38 !important;
  border-color: #e6c1c8 !important;
}

:root[data-theme="graphite"] {
  --bg: #161616;
  --panel: #1f1f1f;
  --panel-2: #181818;
  --text: #efefef;
  --muted: #b0b0b0;
  --accent: #53b7ff;
  --line: #3b3b3b;
  --good: #6ed39b;
  --warn: #f0c25f;
}

:root[data-theme="graphite"] body {
  background: #161616 !important;
  color: #efefef !important;
}

:root[data-theme="graphite"] .platforms-topbar {
  background: #1f1f1f !important;
  border-color: #3b3b3b !important;
}

:root[data-theme="graphite"] .platforms-topbar-title {
  color: #f4f4f4 !important;
}

:root[data-theme="graphite"] .platforms-topbar-links a {
  border-color: #4b4b4b !important;
  color: #dfdfdf !important;
}

:root[data-theme="graphite"] .platforms-topbar-links a.is-active {
  background: #2f2f2f !important;
  border-color: #53b7ff !important;
  color: #ffffff !important;
}

:root[data-theme="graphite"] .card,
:root[data-theme="graphite"] .panel,
:root[data-theme="graphite"] .controls,
:root[data-theme="graphite"] .auth-card {
  background: #1f1f1f !important;
  border-color: #3b3b3b !important;
}

:root[data-theme="cobalt"] {
  --bg: #0f1630;
  --panel: #172247;
  --panel-2: #121b39;
  --text: #edf2ff;
  --muted: #b9c8ef;
  --accent: #5ca2ff;
  --line: #314678;
  --good: #7bdf9f;
  --warn: #f0c66d;
}

:root[data-theme="cobalt"] body {
  background: #0f1630 !important;
  color: #edf2ff !important;
}

:root[data-theme="cobalt"] .platforms-topbar {
  background: #152043 !important;
  border-color: #314678 !important;
}

:root[data-theme="cobalt"] .platforms-topbar-title {
  color: #d8e6ff !important;
}

:root[data-theme="cobalt"] .platforms-topbar-links a {
  border-color: #405890 !important;
  color: #d2ddf7 !important;
}

:root[data-theme="cobalt"] .platforms-topbar-links a.is-active {
  background: #2b3f75 !important;
  border-color: #79b4ff !important;
  color: #ffffff !important;
}

:root[data-theme="cobalt"] .card,
:root[data-theme="cobalt"] .panel,
:root[data-theme="cobalt"] .controls,
:root[data-theme="cobalt"] .auth-card {
  background: #172247 !important;
  border-color: #314678 !important;
}

:root[data-theme="paper"] {
  color-scheme: light;
}

:root[data-theme="paper"] body {
  background: #f5f0e8 !important;
  color: #2c241f !important;
}

:root[data-theme="paper"] .platforms-topbar {
  background: #fff9ef !important;
  border-color: #ccb892 !important;
}

:root[data-theme="paper"] .platforms-topbar-title {
  color: #2c241f !important;
}

:root[data-theme="paper"] .platforms-topbar-links a {
  border-color: #bda781 !important;
  color: #3e342d !important;
}

:root[data-theme="paper"] .platforms-topbar-links a.is-active {
  background: #e7d3af !important;
  border-color: #8f7240 !important;
  color: #21180f !important;
}

:root[data-theme="paper"] .card,
:root[data-theme="paper"] .panel,
:root[data-theme="paper"] .controls,
:root[data-theme="paper"] .auth-card {
  background: #fff9ef !important;
  border-color: #ccb892 !important;
  color: #2c241f !important;
}

:root[data-theme="paper"] .sub,
:root[data-theme="paper"] .card p,
:root[data-theme="paper"] .label,
:root[data-theme="paper"] .subtitle,
:root[data-theme="paper"] .auth-subtitle {
  color: #6f5a42 !important;
}

:root[data-theme="paper"] .btn,
:root[data-theme="paper"] .sso,
:root[data-theme="paper"] .auth-content button,
:root[data-theme="paper"] .auth-content input[type="submit"] {
  background: #8f7240 !important;
  color: #fff8ed !important;
}

:root[data-theme="paper"] {
  --bg: #f5f0e8;
  --panel: #fff9ef;
  --panel-2: #f2e5cd;
  --text: #2c241f;
  --muted: #6f5a42;
  --accent: #8f7240;
  --line: #ccb892;
  --good: #2f7a4f;
  --warn: #b6751c;
}

:root[data-theme="synthwave"] body {
  background: radial-gradient(circle at top, #2b0f51 0%, #110719 58%, #06010d 100%) !important;
  color: #f8f1ff !important;
}

:root[data-theme="synthwave"] .platforms-topbar {
  background: rgba(14, 9, 36, 0.82) !important;
  border-color: #ff4fd8 !important;
  box-shadow: 0 0 18px rgba(255, 79, 216, 0.35);
}

:root[data-theme="synthwave"] .platforms-topbar-title {
  color: #79f8ff !important;
  text-shadow: 0 0 12px rgba(121, 248, 255, 0.7);
}

:root[data-theme="synthwave"] .platforms-topbar-links a {
  border-color: #7a56ff !important;
  color: #f8f1ff !important;
}

:root[data-theme="synthwave"] .platforms-topbar-links a.is-active {
  background: linear-gradient(90deg, #ff4fd8, #7a56ff) !important;
  border-color: #79f8ff !important;
  color: #12061f !important;
}

:root[data-theme="synthwave"] .card,
:root[data-theme="synthwave"] .panel,
:root[data-theme="synthwave"] .controls,
:root[data-theme="synthwave"] .auth-card {
  background: rgba(13, 8, 31, 0.86) !important;
  border-color: #7a56ff !important;
  box-shadow: 0 0 20px rgba(122, 86, 255, 0.2);
}

:root[data-theme="synthwave"] .sub,
:root[data-theme="synthwave"] .card p,
:root[data-theme="synthwave"] .label,
:root[data-theme="synthwave"] .subtitle,
:root[data-theme="synthwave"] .auth-subtitle {
  color: #d6bbff !important;
}

:root[data-theme="synthwave"] .btn,
:root[data-theme="synthwave"] .sso,
:root[data-theme="synthwave"] .auth-content button,
:root[data-theme="synthwave"] .auth-content input[type="submit"] {
  background: linear-gradient(90deg, #ff4fd8, #7a56ff) !important;
  color: #12061f !important;
}

:root[data-theme="synthwave"] {
  --bg: #090312;
  --panel: rgba(13, 8, 31, 0.86);
  --panel-2: rgba(23, 12, 44, 0.95);
  --text: #f8f1ff;
  --muted: #d6bbff;
  --accent: #79f8ff;
  --line: #7a56ff;
  --good: #59f6c1;
  --warn: #ffad5f;
}

:root[data-theme="forest"] body {
  background: #0b1a13 !important;
  color: #e8f4e8 !important;
}

:root[data-theme="forest"] .platforms-topbar {
  background: #12261c !important;
  border-color: #29533f !important;
}

:root[data-theme="forest"] .platforms-topbar-title {
  color: #bdeccd !important;
}

:root[data-theme="forest"] .platforms-topbar-links a {
  border-color: #376a52 !important;
  color: #d3edda !important;
}

:root[data-theme="forest"] .platforms-topbar-links a.is-active {
  background: #2f6b4f !important;
  border-color: #6fd59b !important;
  color: #effff4 !important;
}

:root[data-theme="forest"] .card,
:root[data-theme="forest"] .panel,
:root[data-theme="forest"] .controls,
:root[data-theme="forest"] .auth-card {
  background: #11231b !important;
  border-color: #29533f !important;
}

:root[data-theme="forest"] .sub,
:root[data-theme="forest"] .card p,
:root[data-theme="forest"] .label,
:root[data-theme="forest"] .subtitle,
:root[data-theme="forest"] .auth-subtitle {
  color: #a4c9af !important;
}

:root[data-theme="forest"] .btn,
:root[data-theme="forest"] .sso,
:root[data-theme="forest"] .auth-content button,
:root[data-theme="forest"] .auth-content input[type="submit"] {
  background: #2f6b4f !important;
  color: #effff4 !important;
}

:root[data-theme="forest"] {
  --bg: #0b1a13;
  --panel: #11231b;
  --panel-2: #0d1f17;
  --text: #e8f4e8;
  --muted: #a4c9af;
  --accent: #6fd59b;
  --line: #29533f;
  --good: #8fe3a7;
  --warn: #dfca76;
}

:root[data-theme="mono"] body {
  background: #ffffff !important;
  color: #111111 !important;
}

:root[data-theme="mono"] .platforms-topbar {
  background: #ffffff !important;
  border: 2px solid #111111 !important;
  border-radius: 0 !important;
}

:root[data-theme="mono"] .platforms-topbar-title {
  color: #111111 !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

:root[data-theme="mono"] .platforms-topbar-links a {
  border: 2px solid #111111 !important;
  border-radius: 0 !important;
  color: #111111 !important;
  background: #ffffff !important;
}

:root[data-theme="mono"] .platforms-topbar-links a.is-active {
  background: #111111 !important;
  color: #ffffff !important;
}

:root[data-theme="mono"] .card,
:root[data-theme="mono"] .panel,
:root[data-theme="mono"] .controls,
:root[data-theme="mono"] .auth-card {
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #111111 !important;
  border-radius: 0 !important;
  box-shadow: 8px 8px 0 #111111;
}

:root[data-theme="mono"] .sub,
:root[data-theme="mono"] .card p,
:root[data-theme="mono"] .label,
:root[data-theme="mono"] .subtitle,
:root[data-theme="mono"] .auth-subtitle {
  color: #333333 !important;
}

:root[data-theme="mono"] .btn,
:root[data-theme="mono"] .sso,
:root[data-theme="mono"] .auth-content button,
:root[data-theme="mono"] .auth-content input[type="submit"] {
  background: #111111 !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  border: 2px solid #111111 !important;
}

:root[data-theme="mono"] {
  color-scheme: light;
  --bg: #ffffff;
  --panel: #ffffff;
  --panel-2: #f6f6f6;
  --text: #111111;
  --muted: #333333;
  --accent: #111111;
  --line: #111111;
  --good: #1c7c3d;
  --warn: #8c5d00;
}

:root[data-theme="paper"] .platforms-theme-label,
:root[data-theme="daylight"] .platforms-theme-label,
:root[data-theme="mono"] .platforms-theme-label {
  color: #4d4d4d !important;
}

:root[data-theme="paper"] .platforms-theme-select,
:root[data-theme="daylight"] .platforms-theme-select,
:root[data-theme="mono"] .platforms-theme-select {
  background: #f5f4ef !important;
  color: #222222 !important;
  border-color: #c6ccd9 !important;
}

:root[data-theme="slate"] .platforms-theme-select,
:root[data-theme="graphite"] .platforms-theme-select,
:root[data-theme="cobalt"] .platforms-theme-select,
:root[data-theme="synthwave"] .platforms-theme-select,
:root[data-theme="forest"] .platforms-theme-select {
  background: var(--panel-2) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}