:root{
  --bg:#0b1016;--bg1:#0d131c;--bg2:#10161e;--bg3:#151c25;--bg4:#1b2430;
  --fg:#d7dfeb;--fg2:#97e7c6;--fg3:#55c7a1;--fg4:#60738f;
  --accent:#59f2c0;--accent2:#d8a264;
  --warn:#e7a95d;--err:#f06b73;--info:#79a7e6;
  --border:#1c2632;--border2:#263343;
  --teal-dim:#6dbcae;--amber-dim:#b28a58;
  --accent-rgb:89,242,192;--glow-rgb:85,199,161;
  --logo-frost:#627a9d;--logo-frost-glow:98,122,157;
  --logo-byte:#eef3f8;--logo-byte-glow:89,242,192;
  --hp:#f06b73;--hp-rgb:240,107,115;
  --mp:#78b8d6;--mp-rgb:120,184,214;
  --mv:#55c7a1;--mv-rgb:85,199,161;
  --xp:#8aa7ff;--xp-rgb:138,167,255;
  --menu-surface:#151c25;
  --menu-hover:#1b2430;
  --menu-active:#1d2c3a;
  --menu-button-bg:#1b2430;
  --menu-button-hover:#243142;
  --menu-button-active:#26384c;
  --menu-button-border:#263343;
  --menu-button-border-hover:#60738f;
}

:root[data-theme='seafoam']{
  --bg:#0e1117;--bg1:#10141b;--bg2:#13181f;--bg3:#151c25;--bg4:#1b2430;
  --fg:#d7dfeb;--fg2:#b4b4b4;--fg3:#589ba0;--fg4:#8e9aab;
  --accent:#59c2f2;--accent2:#d8a264;
  --warn:#e7a95d;--err:#f06b73;--info:#79a7e6;
  --border:rgba(255,255,255,0.06);--border2:#263343;
  --teal-dim:#6dbcae;--amber-dim:#b28a58;
  --accent-rgb:89,242,192;--glow-rgb:85,199,161;
  --logo-frost:#627a9d;--logo-frost-glow:98,122,157;
  --logo-byte:#eef3f8;--logo-byte-glow:89,242,192;
  --hp:#f06b73;--hp-rgb:240,107,115;
  --mp:#78b8d6;--mp-rgb:120,184,214;
  --mv:#55c7a1;--mv-rgb:85,199,161;
  --xp:#8aa7ff;--xp-rgb:138,167,255;
  --menu-surface:#151c25;
  --menu-hover:#1b2430;
  --menu-active:#213244;
  --menu-button-bg:#1b2430;
  --menu-button-hover:#243142;
  --menu-button-active:#29415a;
  --menu-button-border:#263343;
  --menu-button-border-hover:#60738f;
}

:root[data-theme='matrix']{
  --bg:#080c0a;--bg1:#0a0e0c;--bg2:#0c100d;--bg3:#101410;--bg4:#141a14;
  --fg:#c6ffd9;--fg2:#72f2af;--fg3:#36c97f;--fg4:#3d7e5d;
  --accent:#5fffc6;--accent2:#d1a255;
  --warn:#f0b35c;--err:#ff6e7b;--info:#78b6ff;
  --border:#183022;--border2:#21402d;
  --teal-dim:#58b89c;--amber-dim:#a88747;
  --accent-rgb:95,255,198;--glow-rgb:54,201,127;
  --logo-frost:#6f9cae;--logo-frost-glow:111,156,174;
  --logo-byte:#f0fff7;--logo-byte-glow:95,255,198;
  --hp:#ff6e7b;--hp-rgb:255,110,123;
  --mp:#6dbfd8;--mp-rgb:109,191,216;
  --mv:#36c97f;--mv-rgb:54,201,127;
  --xp:#b38cff;--xp-rgb:179,140,255;
  --menu-surface:#101410;
  --menu-hover:#141a14;
  --menu-active:#173422;
  --menu-button-bg:#141a14;
  --menu-button-hover:#1a231b;
  --menu-button-active:#1d3124;
  --menu-button-border:#21402d;
  --menu-button-border-hover:#3d7e5d;
}

:root[data-theme='amber']{
  --bg:#120f0b;--bg1:#151209;--bg2:#17130e;--bg3:#201910;--bg4:#2a2014;
  --fg:#f2e2c5;--fg2:#f0b35c;--fg3:#cf8f43;--fg4:#8f7251;
  --accent:#ffd27a;--accent2:#e7915a;
  --warn:#ffd27a;--err:#ef7d6d;--info:#8eaee0;
  --border:#34281c;--border2:#443224;
  --teal-dim:#7eb7a7;--amber-dim:#cf8f43;
  --accent-rgb:255,210,122;--glow-rgb:207,143,67;
  --logo-frost:#8d7f75;--logo-frost-glow:141,127,117;
  --logo-byte:#fff3db;--logo-byte-glow:255,210,122;
  --hp:#ef7d6d;--hp-rgb:239,125,109;
  --mp:#84b7d6;--mp-rgb:132,183,214;
  --mv:#cba46b;--mv-rgb:203,164,107;
  --xp:#d6b38a;--xp-rgb:214,179,138;
  --menu-surface:#201910;
  --menu-hover:#2a2014;
  --menu-active:#362818;
  --menu-button-bg:#2a2014;
  --menu-button-hover:#34281b;
  --menu-button-active:#43321f;
  --menu-button-border:#443224;
  --menu-button-border-hover:#8f7251;
}

:root[data-theme='cobalt']{
  --bg:#0a0f17;--bg1:#0d121b;--bg2:#101623;--bg3:#141d2c;--bg4:#1a2536;
  --fg:#dbe6ff;--fg2:#96bbff;--fg3:#6797e8;--fg4:#5f769c;
  --accent:#7acbff;--accent2:#d4a35f;
  --warn:#e6b46f;--err:#f07f92;--info:#8db8ff;
  --border:#1a2536;--border2:#26344a;
  --teal-dim:#69b7d0;--amber-dim:#b69260;
  --accent-rgb:122,203,255;--glow-rgb:103,151,232;
  --logo-frost:#88a7d4;--logo-frost-glow:136,167,212;
  --logo-byte:#eff4ff;--logo-byte-glow:122,203,255;
  --hp:#f07f92;--hp-rgb:240,127,146;
  --mp:#7acbff;--mp-rgb:122,203,255;
  --mv:#5dc3a7;--mv-rgb:93,195,167;
  --xp:#9f95ff;--xp-rgb:159,149,255;
  --menu-surface:#141d2c;
  --menu-hover:#1a2536;
  --menu-active:#21314b;
  --menu-button-bg:#1a2536;
  --menu-button-hover:#21314a;
  --menu-button-active:#274062;
  --menu-button-border:#26344a;
  --menu-button-border-hover:#5f769c;
}

:root[data-theme='dusk']{
  --bg:#111117;--bg1:#13151a;--bg2:#161722;--bg3:#1d1f2b;--bg4:#252938;
  --fg:#e0d8e7;--fg2:#9fd7d3;--fg3:#73b2bc;--fg4:#7a7f9c;
  --accent:#f2b880;--accent2:#86c7db;
  --warn:#f2b880;--err:#ec7f86;--info:#86c7db;
  --border:#252636;--border2:#32354a;
  --teal-dim:#73b2bc;--amber-dim:#c89661;
  --accent-rgb:242,184,128;--glow-rgb:115,178,188;
  --logo-frost:#8f94b8;--logo-frost-glow:143,148,184;
  --logo-byte:#f2edf6;--logo-byte-glow:242,184,128;
  --hp:#ec7f86;--hp-rgb:236,127,134;
  --mp:#86c7db;--mp-rgb:134,199,219;
  --mv:#73b2bc;--mv-rgb:115,178,188;
  --xp:#b19bde;--xp-rgb:177,155,222;
  --menu-surface:#1d1f2b;
  --menu-hover:#252938;
  --menu-active:#302f43;
  --menu-button-bg:#252938;
  --menu-button-hover:#2f3444;
  --menu-button-active:#393f52;
  --menu-button-border:#32354a;
  --menu-button-border-hover:#7a7f9c;
}

:root[data-theme='violet']{
  --bg:#100d16;--bg1:#121018;--bg2:#151120;--bg3:#1d1729;--bg4:#261d35;
  --fg:#eadff7;--fg2:#d4a9ff;--fg3:#ae7de0;--fg4:#7d6a99;
  --accent:#ffb4d8;--accent2:#82c3ff;
  --warn:#e9b36d;--err:#f08398;--info:#82c3ff;
  --border:#2a203b;--border2:#382b4e;
  --teal-dim:#7dbdc9;--amber-dim:#b98a5a;
  --accent-rgb:255,180,216;--glow-rgb:174,125,224;
  --logo-frost:#9e92cb;--logo-frost-glow:158,146,203;
  --logo-byte:#f7f0ff;--logo-byte-glow:255,180,216;
  --hp:#f08398;--hp-rgb:240,131,152;
  --mp:#82c3ff;--mp-rgb:130,195,255;
  --mv:#8fc8b0;--mv-rgb:143,200,176;
  --xp:#c793ff;--xp-rgb:199,147,255;
  --menu-surface:#1d1729;
  --menu-hover:#261d35;
  --menu-active:#332546;
  --menu-button-bg:#261d35;
  --menu-button-hover:#302542;
  --menu-button-active:#3a2d51;
  --menu-button-border:#382b4e;
  --menu-button-border-hover:#7d6a99;
}

:root[data-theme='classic']{
  --bg:#101010;--bg1:#121212;--bg2:#151515;--bg3:#1d1d1d;--bg4:#252525;
  --fg:#e8e8e8;--fg2:#d0d0d0;--fg3:#aaaaaa;--fg4:#6a6a6a;
  --accent:#ffffff;--accent2:#bbbbbb;
  --warn:#d6b16b;--err:#d87878;--info:#9db7da;
  --border:#2a2a2a;--border2:#3a3a3a;
  --teal-dim:#8ea7a7;--amber-dim:#9f8a62;
  --accent-rgb:255,255,255;--glow-rgb:170,170,170;
  --logo-frost:#a3acbb;--logo-frost-glow:163,172,187;
  --logo-byte:#ffffff;--logo-byte-glow:255,255,255;
  --hp:#d87878;--hp-rgb:216,120,120;
  --mp:#9db7da;--mp-rgb:157,183,218;
  --mv:#8ea7a7;--mv-rgb:142,167,167;
  --xp:#b8a7d8;--xp-rgb:184,167,216;
  --menu-surface:#1d1d1d;
  --menu-hover:#252525;
  --menu-active:#303030;
  --menu-button-bg:#252525;
  --menu-button-hover:#303030;
  --menu-button-active:#3a3a3a;
  --menu-button-border:#3a3a3a;
  --menu-button-border-hover:#6a6a6a;
}