:root {
  --theme-emerald-accent: #25d366;
  --theme-ocean-accent: #1d9bf0;
  --theme-sunset-accent: #f97316;
  --theme-rose-accent: #ef5d8d;
  --theme-amber-accent: #d97706;
  --theme-violet-accent: #8b5cf6;
  --theme-slate-accent: #475569;
  --theme-mint-accent: #14b8a6;
  --theme-cobalt-accent: #2563eb;
  --theme-forest-accent: #2f855a;
  --theme-coral-accent: #ff6f61;
  --theme-plum-accent: #7e22ce;
  --theme-graphite-accent: #4b5563;
}

:root,
:root[data-theme-preset="emerald"] {
  --bg: #efeae2;
  --bg-soft: #f7f7f7;
  --panel: #ffffff;
  --panel-strong: #f0f2f5;
  --accent: #25d366;
  --accent-2: #128c7e;
  --text: #111b21;
  --muted: #667781;
  --border: #d4d8db;
  --body-bg: #e9edef;
  --rail-bg: #202c33;
  --rail-border: #2f3b43;
  --rail-button-border: #41545f;
  --rail-button-grad-start: #283943;
  --rail-button-grad-end: #24343d;
  --rail-button-hover-start: #304751;
  --rail-button-hover-end: #2b4049;
  --rail-button-text: #d7e0e5;
  --rail-label-bg-start: #34dc75;
  --rail-label-bg-end: #22c35f;
  --rail-label-text: #083015;
}

:root[data-theme-preset="ocean"] {
  --accent: #1d9bf0;
  --accent-2: #1164b6;
  --body-bg: #e6f0f7;
  --bg: #edf5fb;
  --bg-soft: #f8fbfd;
  --panel-strong: #edf4fb;
  --rail-bg: #172736;
  --rail-border: #2a4155;
  --rail-button-border: #41627d;
  --rail-button-grad-start: #20374a;
  --rail-button-grad-end: #1a2f40;
  --rail-button-hover-start: #294861;
  --rail-button-hover-end: #214059;
  --rail-label-bg-start: #38b4ff;
  --rail-label-bg-end: #1692e8;
  --rail-label-text: #08263f;
}

:root[data-theme-preset="sunset"] {
  --accent: #f97316;
  --accent-2: #ea580c;
  --body-bg: #f8ece6;
  --bg: #fff4ee;
  --bg-soft: #fff8f4;
  --panel-strong: #fff0e7;
  --rail-bg: #32201c;
  --rail-border: #55342b;
  --rail-button-border: #7a5447;
  --rail-button-grad-start: #492d25;
  --rail-button-grad-end: #3c251f;
  --rail-button-hover-start: #5a382f;
  --rail-button-hover-end: #4a2f28;
  --rail-label-bg-start: #fb923c;
  --rail-label-bg-end: #f97316;
  --rail-label-text: #3b1809;
}

:root[data-theme-preset="rose"] {
  --accent: #ef5d8d;
  --accent-2: #d94675;
  --body-bg: #f8e9ef;
  --bg: #fff1f6;
  --bg-soft: #fff7fa;
  --panel-strong: #fff0f5;
  --rail-bg: #311c28;
  --rail-border: #563548;
  --rail-button-border: #7b5570;
  --rail-button-grad-start: #492a38;
  --rail-button-grad-end: #3c2330;
  --rail-button-hover-start: #593244;
  --rail-button-hover-end: #4b2b39;
  --rail-label-bg-start: #f472b6;
  --rail-label-bg-end: #ec4899;
  --rail-label-text: #3c0d23;
}

:root[data-theme-preset="amber"] {
  --accent: #d97706;
  --accent-2: #b45309;
  --body-bg: #f8f0e4;
  --bg: #fff8eb;
  --bg-soft: #fffbf3;
  --panel-strong: #fff4dc;
  --rail-bg: #352917;
  --rail-border: #5a4627;
  --rail-button-border: #7b6642;
  --rail-button-grad-start: #4c3a20;
  --rail-button-grad-end: #41311b;
  --rail-button-hover-start: #5d4928;
  --rail-button-hover-end: #503d22;
  --rail-label-bg-start: #fbbf24;
  --rail-label-bg-end: #f59e0b;
  --rail-label-text: #3a2304;
}

:root[data-theme-preset="violet"] {
  --accent: #8b5cf6;
  --accent-2: #7c3aed;
  --body-bg: #ece8fa;
  --bg: #f5f1ff;
  --bg-soft: #faf7ff;
  --panel-strong: #f1ecff;
  --rail-bg: #241f39;
  --rail-border: #3d3561;
  --rail-button-border: #5f548f;
  --rail-button-grad-start: #32294f;
  --rail-button-grad-end: #2a2444;
  --rail-button-hover-start: #3f3363;
  --rail-button-hover-end: #342b55;
  --rail-label-bg-start: #a78bfa;
  --rail-label-bg-end: #8b5cf6;
  --rail-label-text: #20113f;
}

:root[data-theme-preset="slate"] {
  --accent: #64748b;
  --accent-2: #475569;
  --body-bg: #e8edf2;
  --bg: #f1f5f9;
  --bg-soft: #f8fafc;
  --panel-strong: #eaf0f6;
  --rail-bg: #1f2937;
  --rail-border: #344152;
  --rail-button-border: #536478;
  --rail-button-grad-start: #2b3645;
  --rail-button-grad-end: #24303e;
  --rail-button-hover-start: #364355;
  --rail-button-hover-end: #2d3948;
  --rail-label-bg-start: #94a3b8;
  --rail-label-bg-end: #64748b;
  --rail-label-text: #101a26;
}

:root[data-theme-preset="mint"] {
  --accent: #14b8a6;
  --accent-2: #0f766e;
  --body-bg: #e6f3f0;
  --bg: #eefaf7;
  --bg-soft: #f7fdfc;
  --panel-strong: #eaf7f4;
  --rail-bg: #173330;
  --rail-border: #28524d;
  --rail-button-border: #41726a;
  --rail-button-grad-start: #214540;
  --rail-button-grad-end: #1b3935;
  --rail-button-hover-start: #2a5751;
  --rail-button-hover-end: #224945;
  --rail-label-bg-start: #2dd4bf;
  --rail-label-bg-end: #14b8a6;
  --rail-label-text: #062723;
}

:root[data-theme-preset="cobalt"] {
  --accent: #2563eb;
  --accent-2: #1d4ed8;
  --body-bg: #e8eefb;
  --bg: #f1f5ff;
  --bg-soft: #f8faff;
  --panel-strong: #eaf0ff;
  --rail-bg: #1a2744;
  --rail-border: #304678;
  --rail-button-border: #4d68a8;
  --rail-button-grad-start: #243865;
  --rail-button-grad-end: #1f3056;
  --rail-button-hover-start: #2e467d;
  --rail-button-hover-end: #253a66;
  --rail-label-bg-start: #4f8dff;
  --rail-label-bg-end: #2563eb;
  --rail-label-text: #081a3a;
}

:root[data-theme-preset="forest"] {
  --accent: #2f855a;
  --accent-2: #276749;
  --body-bg: #e7f1ea;
  --bg: #eef8f1;
  --bg-soft: #f7fcf8;
  --panel-strong: #e8f5ec;
  --rail-bg: #1c3228;
  --rail-border: #345543;
  --rail-button-border: #4f755f;
  --rail-button-grad-start: #274838;
  --rail-button-grad-end: #213d30;
  --rail-button-hover-start: #325c48;
  --rail-button-hover-end: #2a4f3e;
  --rail-label-bg-start: #48bb78;
  --rail-label-bg-end: #2f855a;
  --rail-label-text: #062317;
}

:root[data-theme-preset="coral"] {
  --accent: #ff6f61;
  --accent-2: #e85b4d;
  --body-bg: #f9ebe8;
  --bg: #fff4f2;
  --bg-soft: #fff9f8;
  --panel-strong: #fff0ed;
  --rail-bg: #3a2521;
  --rail-border: #66413a;
  --rail-button-border: #8d6159;
  --rail-button-grad-start: #55352f;
  --rail-button-grad-end: #472d28;
  --rail-button-hover-start: #684139;
  --rail-button-hover-end: #5a3831;
  --rail-label-bg-start: #ff8f84;
  --rail-label-bg-end: #ff6f61;
  --rail-label-text: #3b130f;
}

:root[data-theme-preset="plum"] {
  --accent: #7e22ce;
  --accent-2: #6b21a8;
  --body-bg: #efe8f8;
  --bg: #f8f3ff;
  --bg-soft: #fcf9ff;
  --panel-strong: #f2ebff;
  --rail-bg: #291f39;
  --rail-border: #473363;
  --rail-button-border: #694e8f;
  --rail-button-grad-start: #3a2a52;
  --rail-button-grad-end: #322447;
  --rail-button-hover-start: #4a3568;
  --rail-button-hover-end: #3d2d58;
  --rail-label-bg-start: #a855f7;
  --rail-label-bg-end: #7e22ce;
  --rail-label-text: #210a39;
}

:root[data-theme-preset="graphite"] {
  --accent: #4b5563;
  --accent-2: #374151;
  --body-bg: #e9ecef;
  --bg: #f3f4f6;
  --bg-soft: #fafafa;
  --panel-strong: #eceff3;
  --rail-bg: #1f2329;
  --rail-border: #343b45;
  --rail-button-border: #505b69;
  --rail-button-grad-start: #2c323b;
  --rail-button-grad-end: #252b33;
  --rail-button-hover-start: #39414d;
  --rail-button-hover-end: #303741;
  --rail-label-bg-start: #9aa4b2;
  --rail-label-bg-end: #6b7280;
  --rail-label-text: #111827;
}

:root[data-appearance-mode="dark"] {
  --body-bg: #0f141a;
  --bg: #131a21;
  --bg-soft: #18222b;
  --panel: #1a242f;
  --panel-strong: #202d39;
  --text: #e5edf3;
  --muted: #9ab0bf;
  --border: #2d3a46;
}