/* ── SchoolOpsPro Theme System — 10 Themes, Light + Dark ── */
/* Load AFTER tokens-v2.css */

/* === Slate & Amber === */
:root {
  --bg: #F7F8FA;
  --surface: #FFFFFF;
  --surface-raised: #EEF1F5;
  --border-default: #DFE3E9;
  --border-subtle: #EDF0F3;
  --text-primary: #1B2430;
  --text-secondary: #5B6472;
  --text-tertiary: #9298A2;
  --text-disabled: #B9BDC4;
  --text-inverse: #10141C;
  --primary: #2D5BFF;
  --primary-hover: #274EDB;
  --primary-active: #2042B8;
  --primary-subtle: #DFE5FB;
  --on-primary: #FFFFFF;
  --secondary: #F5A524;
  --secondary-hover: #D38E1F;
  --secondary-active: #B0771A;
  --secondary-subtle: #F7EEE0;
  --on-secondary: #101014;
  --tertiary: #64748B;
  --tertiary-hover: #566478;
  --tertiary-subtle: #E8EBEF;
  --on-tertiary: #FFFFFF;
  --success: #1F9D55;
  --success-subtle: #E5F7EC;
  --warning: #E8890C;
  --warning-subtle: #FDF1DC;
  --error: #E5484D;
  --error-subtle: #FDEAEA;
  --info: #2D6CDF;
  --info-subtle: #E8EFFF;
}

[data-theme-mode="dark"] :root {
  --bg: #10141C;
  --surface: #161C27;
  --surface-raised: #1E2531;
  --border-default: #2A3140;
  --border-subtle: #212835;
  --text-primary: #EDF0F5;
  --text-secondary: #8B94A6;
  --text-tertiary: #606776;
  --text-disabled: #414753;
  --text-inverse: #FFFFFF;
  --primary: #5B82FF;
  --primary-hover: #7294FF;
  --primary-active: #89A5FF;
  --primary-subtle: #192137;
  --on-primary: #FFFFFF;
  --secondary: #F5A524;
  --secondary-hover: #F6B243;
  --secondary-active: #F8BE61;
  --secondary-subtle: #2B251D;
  --on-secondary: #101014;
  --tertiary: #8B96AC;
  --tertiary-hover: #9BA5B8;
  --tertiary-subtle: #1C212A;
  --on-tertiary: #FFFFFF;
  --success: #3DD675;
  --success-subtle: #12291B;
  --warning: #F0A63A;
  --warning-subtle: #2E2411;
  --error: #FF6B6F;
  --error-subtle: #331616;
  --info: #5B8FFF;
  --info-subtle: #1B2A45;
}

/* === Forest & Clay === */
:root[data-theme="forest-clay"] {
  --bg: #F6F8F4;
  --surface: #FFFFFF;
  --surface-raised: #E9F0E2;
  --border-default: #DCE6D4;
  --border-subtle: #ECF1E7;
  --text-primary: #1F2A1A;
  --text-secondary: #5B6B52;
  --text-tertiary: #919C8B;
  --text-disabled: #B8C0B3;
  --text-inverse: #10141C;
  --primary: #2E6B3E;
  --primary-hover: #285C35;
  --primary-active: #214D2D;
  --primary-subtle: #DEE7DE;
  --on-primary: #FFFFFF;
  --secondary: #C97B3D;
  --secondary-hover: #AD6A34;
  --secondary-active: #91592C;
  --secondary-subtle: #F1E9DE;
  --on-secondary: #FFFFFF;
  --tertiary: #6B8C63;
  --tertiary-hover: #5C7855;
  --tertiary-subtle: #E8EDE6;
  --on-tertiary: #FFFFFF;
  --success: #1F9D55;
  --success-subtle: #E5F7EC;
  --warning: #E8890C;
  --warning-subtle: #FDF1DC;
  --error: #E5484D;
  --error-subtle: #FDEAEA;
  --info: #2D6CDF;
  --info-subtle: #E8EFFF;
}

[data-theme-mode="dark"] :root[data-theme="forest-clay"] {
  --bg: #10160E;
  --surface: #161F13;
  --surface-raised: #1D291A;
  --border-default: #28351F;
  --border-subtle: #202B1A;
  --text-primary: #E7EFE1;
  --text-secondary: #8FA184;
  --text-tertiary: #63705B;
  --text-disabled: #434E3D;
  --text-inverse: #FFFFFF;
  --primary: #5CAE6E;
  --primary-hover: #73B982;
  --primary-active: #8AC597;
  --primary-subtle: #19281A;
  --on-primary: #FFFFFF;
  --secondary: #D68E52;
  --secondary-hover: #DC9E6A;
  --secondary-active: #E1AE82;
  --secondary-subtle: #282416;
  --on-secondary: #FFFFFF;
  --tertiary: #9BC191;
  --tertiary-hover: #A9CAA0;
  --tertiary-subtle: #1E271B;
  --on-tertiary: #101014;
  --success: #3DD675;
  --success-subtle: #12291B;
  --warning: #F0A63A;
  --warning-subtle: #2E2411;
  --error: #FF6B6F;
  --error-subtle: #331616;
  --info: #5B8FFF;
  --info-subtle: #1B2A45;
}

/* === Indigo & Rose === */
:root[data-theme="indigo-rose"] {
  --bg: #F7F6FB;
  --surface: #FFFFFF;
  --surface-raised: #ECE9F7;
  --border-default: #E2DEF2;
  --border-subtle: #EFEDF8;
  --text-primary: #211B36;
  --text-secondary: #655E80;
  --text-tertiary: #9893AB;
  --text-disabled: #BDB9CA;
  --text-inverse: #10141C;
  --primary: #6E44FF;
  --primary-hover: #5F3ADB;
  --primary-active: #4F31B8;
  --primary-subtle: #E7E1FB;
  --on-primary: #FFFFFF;
  --secondary: #FF6F91;
  --secondary-hover: #DB5F7D;
  --secondary-active: #B85068;
  --secondary-subtle: #F8E6EE;
  --on-secondary: #FFFFFF;
  --tertiary: #8577A8;
  --tertiary-hover: #726690;
  --tertiary-subtle: #ECE9F3;
  --on-tertiary: #FFFFFF;
  --success: #1F9D55;
  --success-subtle: #E5F7EC;
  --warning: #E8890C;
  --warning-subtle: #FDF1DC;
  --error: #E5484D;
  --error-subtle: #FDEAEA;
  --info: #2D6CDF;
  --info-subtle: #E8EFFF;
}

[data-theme-mode="dark"] :root[data-theme="indigo-rose"] {
  --bg: #130F20;
  --surface: #1A1530;
  --surface-raised: #221C3D;
  --border-default: #2D2650;
  --border-subtle: #241E42;
  --text-primary: #EDE9F9;
  --text-secondary: #9C93BE;
  --text-tertiary: #6C6587;
  --text-disabled: #4A445F;
  --text-inverse: #FFFFFF;
  --primary: #9375FF;
  --primary-hover: #A288FF;
  --primary-active: #B19CFF;
  --primary-subtle: #221B3B;
  --on-primary: #FFFFFF;
  --secondary: #FF89A6;
  --secondary-hover: #FF9AB2;
  --secondary-active: #FFAABF;
  --secondary-subtle: #2F1E30;
  --on-secondary: #FFFFFF;
  --tertiary: #B3A6D6;
  --tertiary-hover: #BEB2DC;
  --tertiary-subtle: #231E32;
  --on-tertiary: #FFFFFF;
  --success: #3DD675;
  --success-subtle: #12291B;
  --warning: #F0A63A;
  --warning-subtle: #2E2411;
  --error: #FF6B6F;
  --error-subtle: #331616;
  --info: #5B8FFF;
  --info-subtle: #1B2A45;
}

/* === Ocean & Sand === */
:root[data-theme="ocean-sand"] {
  --bg: #F3F9FA;
  --surface: #FFFFFF;
  --surface-raised: #E1F1F3;
  --border-default: #D3E9EC;
  --border-subtle: #E7F3F5;
  --text-primary: #122B2E;
  --text-secondary: #4F6E72;
  --text-tertiary: #889FA2;
  --text-disabled: #B1C1C4;
  --text-inverse: #10141C;
  --primary: #0E8C93;
  --primary-hover: #0C787E;
  --primary-active: #0A656A;
  --primary-subtle: #D8ECEE;
  --on-primary: #FFFFFF;
  --secondary: #F0A868;
  --secondary-hover: #CE9059;
  --secondary-active: #AD794B;
  --secondary-subtle: #F3EFE8;
  --on-secondary: #101014;
  --tertiary: #4E7C93;
  --tertiary-hover: #436B7E;
  --tertiary-subtle: #E2ECF0;
  --on-tertiary: #FFFFFF;
  --success: #1F9D55;
  --success-subtle: #E5F7EC;
  --warning: #E8890C;
  --warning-subtle: #FDF1DC;
  --error: #E5484D;
  --error-subtle: #FDEAEA;
  --info: #2D6CDF;
  --info-subtle: #E8EFFF;
}

[data-theme-mode="dark"] :root[data-theme="ocean-sand"] {
  --bg: #08191B;
  --surface: #0E2427;
  --surface-raised: #123033;
  --border-default: #1B3A3D;
  --border-subtle: #153033;
  --text-primary: #E3F3F4;
  --text-secondary: #84A5A8;
  --text-tertiary: #597477;
  --text-disabled: #3A5153;
  --text-inverse: #FFFFFF;
  --primary: #3FC3CB;
  --primary-hover: #5ACBD2;
  --primary-active: #75D4DA;
  --primary-subtle: #0F2D30;
  --on-primary: #FFFFFF;
  --secondary: #F0B47D;
  --secondary-hover: #F2BE8F;
  --secondary-active: #F4C9A1;
  --secondary-subtle: #242C27;
  --on-secondary: #101014;
  --tertiary: #7EB0C6;
  --tertiary-hover: #90BBCE;
  --tertiary-subtle: #14282C;
  --on-tertiary: #FFFFFF;
  --success: #3DD675;
  --success-subtle: #12291B;
  --warning: #F0A63A;
  --warning-subtle: #2E2411;
  --error: #FF6B6F;
  --error-subtle: #331616;
  --info: #5B8FFF;
  --info-subtle: #1B2A45;
}

/* === Plum & Gold === */
:root[data-theme="plum-gold"] {
  --bg: #FAF7F8;
  --surface: #FFFFFF;
  --surface-raised: #F1E6EC;
  --border-default: #EBDBE3;
  --border-subtle: #F4EBF0;
  --text-primary: #2C1A25;
  --text-secondary: #725A67;
  --text-tertiary: #A2919A;
  --text-disabled: #C4B8BE;
  --text-inverse: #10141C;
  --primary: #8C2D5E;
  --primary-hover: #782751;
  --primary-active: #652044;
  --primary-subtle: #EDDFE6;
  --on-primary: #FFFFFF;
  --secondary: #D4A24E;
  --secondary-hover: #B68B43;
  --secondary-active: #997538;
  --secondary-subtle: #F5EDE4;
  --on-secondary: #FFFFFF;
  --tertiary: #8A6A7C;
  --tertiary-hover: #775B6B;
  --tertiary-subtle: #EFE9EC;
  --on-tertiary: #FFFFFF;
  --success: #1F9D55;
  --success-subtle: #E5F7EC;
  --warning: #E8890C;
  --warning-subtle: #FDF1DC;
  --error: #E5484D;
  --error-subtle: #FDEAEA;
  --info: #2D6CDF;
  --info-subtle: #E8EFFF;
}

[data-theme-mode="dark"] :root[data-theme="plum-gold"] {
  --bg: #1B1015;
  --surface: #25151C;
  --surface-raised: #301C25;
  --border-default: #3A2530;
  --border-subtle: #311E27;
  --text-primary: #F3E5EC;
  --text-secondary: #AF8E9C;
  --text-tertiary: #7B626D;
  --text-disabled: #56424B;
  --text-inverse: #FFFFFF;
  --primary: #CE5C93;
  --primary-hover: #D573A2;
  --primary-active: #DC8AB1;
  --primary-subtle: #301924;
  --on-primary: #FFFFFF;
  --secondary: #E0B565;
  --secondary-hover: #E4BF7B;
  --secondary-active: #E9CA90;
  --secondary-subtle: #33241F;
  --on-secondary: #101014;
  --tertiary: #C4A4B6;
  --tertiary-hover: #CCB1C0;
  --tertiary-subtle: #2C1F25;
  --on-tertiary: #FFFFFF;
  --success: #3DD675;
  --success-subtle: #12291B;
  --warning: #F0A63A;
  --warning-subtle: #2E2411;
  --error: #FF6B6F;
  --error-subtle: #331616;
  --info: #5B8FFF;
  --info-subtle: #1B2A45;
}

/* === Charcoal & Teal === */
:root[data-theme="charcoal-teal"] {
  --bg: #F5F6F7;
  --surface: #FFFFFF;
  --surface-raised: #E8ECEE;
  --border-default: #DDE2E5;
  --border-subtle: #ECEFF1;
  --text-primary: #171A1D;
  --text-secondary: #5E6670;
  --text-tertiary: #93989F;
  --text-disabled: #B9BCC1;
  --text-inverse: #10141C;
  --primary: #1F7A8C;
  --primary-hover: #1B6978;
  --primary-active: #165865;
  --primary-subtle: #DBE7EA;
  --on-primary: #FFFFFF;
  --secondary: #E4572E;
  --secondary-hover: #C44B28;
  --secondary-active: #A43F21;
  --secondary-subtle: #F3E3DF;
  --on-secondary: #FFFFFF;
  --tertiary: #5A7480;
  --tertiary-hover: #4D646E;
  --tertiary-subtle: #E6E9EB;
  --on-tertiary: #FFFFFF;
  --success: #1F9D55;
  --success-subtle: #E5F7EC;
  --warning: #E8890C;
  --warning-subtle: #FDF1DC;
  --error: #E5484D;
  --error-subtle: #FDEAEA;
  --info: #2D6CDF;
  --info-subtle: #E8EFFF;
}

[data-theme-mode="dark"] :root[data-theme="charcoal-teal"] {
  --bg: #0D0F11;
  --surface: #15181B;
  --surface-raised: #1C2024;
  --border-default: #262B30;
  --border-subtle: #1E2227;
  --text-primary: #E9EDEF;
  --text-secondary: #8B96A0;
  --text-tertiary: #5F676E;
  --text-disabled: #3F454A;
  --text-inverse: #FFFFFF;
  --primary: #3FB6CC;
  --primary-hover: #5AC0D3;
  --primary-active: #75CADA;
  --primary-subtle: #132327;
  --on-primary: #FFFFFF;
  --secondary: #F2764A;
  --secondary-hover: #F48963;
  --secondary-active: #F69C7D;
  --secondary-subtle: #281B18;
  --on-secondary: #FFFFFF;
  --tertiary: #8CAAB6;
  --tertiary-hover: #9CB6C0;
  --tertiary-subtle: #1A1E22;
  --on-tertiary: #FFFFFF;
  --success: #3DD675;
  --success-subtle: #12291B;
  --warning: #F0A63A;
  --warning-subtle: #2E2411;
  --error: #FF6B6F;
  --error-subtle: #331616;
  --info: #5B8FFF;
  --info-subtle: #1B2A45;
}

/* === Terracotta & Pine === */
:root[data-theme="terracotta-pine"] {
  --bg: #FBF5EF;
  --surface: #FFFFFF;
  --surface-raised: #F2E4D6;
  --border-default: #EAD9C6;
  --border-subtle: #F3EAE0;
  --text-primary: #2E2018;
  --text-secondary: #7A6656;
  --text-tertiary: #A7988C;
  --text-disabled: #C7BCB2;
  --text-inverse: #10141C;
  --primary: #B5502F;
  --primary-hover: #9C4528;
  --primary-active: #823A22;
  --primary-subtle: #F3E1D8;
  --on-primary: #FFFFFF;
  --secondary: #3E7C6B;
  --secondary-hover: #356B5C;
  --secondary-active: #2D594D;
  --secondary-subtle: #E4E6DF;
  --on-secondary: #FFFFFF;
  --tertiary: #8A7A63;
  --tertiary-hover: #776955;
  --tertiary-subtle: #F0E9E1;
  --on-tertiary: #FFFFFF;
  --success: #1F9D55;
  --success-subtle: #E5F7EC;
  --warning: #E8890C;
  --warning-subtle: #FDF1DC;
  --error: #E5484D;
  --error-subtle: #FDEAEA;
  --info: #2D6CDF;
  --info-subtle: #E8EFFF;
}

[data-theme-mode="dark"] :root[data-theme="terracotta-pine"] {
  --bg: #1C1410;
  --surface: #261C16;
  --surface-raised: #31251C;
  --border-default: #3B2C21;
  --border-subtle: #32251C;
  --text-primary: #F2E7DB;
  --text-secondary: #B39C89;
  --text-tertiary: #7E6C5F;
  --text-disabled: #584A40;
  --text-inverse: #FFFFFF;
  --primary: #DD744F;
  --primary-hover: #E28768;
  --primary-active: #E79B80;
  --primary-subtle: #332018;
  --on-primary: #FFFFFF;
  --secondary: #5AA98F;
  --secondary-hover: #71B59F;
  --secondary-active: #88C1AE;
  --secondary-subtle: #23261F;
  --on-secondary: #FFFFFF;
  --tertiary: #C7B59D;
  --tertiary-hover: #CFBFAB;
  --tertiary-subtle: #2D241E;
  --on-tertiary: #101014;
  --success: #3DD675;
  --success-subtle: #12291B;
  --warning: #F0A63A;
  --warning-subtle: #2E2411;
  --error: #FF6B6F;
  --error-subtle: #331616;
  --info: #5B8FFF;
  --info-subtle: #1B2A45;
}

/* === Navy & Mint === */
:root[data-theme="navy-mint"] {
  --bg: #F5F7FA;
  --surface: #FFFFFF;
  --surface-raised: #E7ECF3;
  --border-default: #DCE3EC;
  --border-subtle: #ECF0F5;
  --text-primary: #101B2D;
  --text-secondary: #556277;
  --text-tertiary: #8D96A5;
  --text-disabled: #B5BBC6;
  --text-inverse: #10141C;
  --primary: #123C69;
  --primary-hover: #0F345A;
  --primary-active: #0D2B4C;
  --primary-subtle: #DAE1E9;
  --on-primary: #FFFFFF;
  --secondary: #4FD1A5;
  --secondary-hover: #44B48E;
  --secondary-active: #399677;
  --secondary-subtle: #E1F2F0;
  --on-secondary: #101014;
  --tertiary: #587290;
  --tertiary-hover: #4C627C;
  --tertiary-subtle: #E5EAEF;
  --on-tertiary: #FFFFFF;
  --success: #1F9D55;
  --success-subtle: #E5F7EC;
  --warning: #E8890C;
  --warning-subtle: #FDF1DC;
  --error: #E5484D;
  --error-subtle: #FDEAEA;
  --info: #2D6CDF;
  --info-subtle: #E8EFFF;
}

[data-theme-mode="dark"] :root[data-theme="navy-mint"] {
  --bg: #0A121F;
  --surface: #101B2C;
  --surface-raised: #16233A;
  --border-default: #20304A;
  --border-subtle: #19273C;
  --text-primary: #E7EDF5;
  --text-secondary: #7E8CA3;
  --text-tertiary: #556175;
  --text-disabled: #384354;
  --text-inverse: #FFFFFF;
  --primary: #4F8FD1;
  --primary-hover: #689FD7;
  --primary-active: #80AEDE;
  --primary-subtle: #122134;
  --on-primary: #FFFFFF;
  --secondary: #4FD1A5;
  --secondary-hover: #68D7B2;
  --secondary-active: #80DEBE;
  --secondary-subtle: #12292F;
  --on-secondary: #101014;
  --tertiary: #87A6C4;
  --tertiary-hover: #98B2CC;
  --tertiary-subtle: #162130;
  --on-tertiary: #FFFFFF;
  --success: #3DD675;
  --success-subtle: #12291B;
  --warning: #F0A63A;
  --warning-subtle: #2E2411;
  --error: #FF6B6F;
  --error-subtle: #331616;
  --info: #5B8FFF;
  --info-subtle: #1B2A45;
}

/* === Rose & Steel === */
:root[data-theme="rose-steel"] {
  --bg: #FAF6F7;
  --surface: #FFFFFF;
  --surface-raised: #F3E5E8;
  --border-default: #EDDCE0;
  --border-subtle: #F5ECEE;
  --text-primary: #2A1A1E;
  --text-secondary: #755F64;
  --text-tertiary: #A49497;
  --text-disabled: #C5BABC;
  --text-inverse: #10141C;
  --primary: #B23A5A;
  --primary-hover: #99324D;
  --primary-active: #802A41;
  --primary-subtle: #F1DFE4;
  --on-primary: #FFFFFF;
  --secondary: #5B7DB1;
  --secondary-hover: #4E6C98;
  --secondary-active: #425A7F;
  --secondary-subtle: #E7E7EF;
  --on-secondary: #FFFFFF;
  --tertiary: #8A6F75;
  --tertiary-hover: #775F65;
  --tertiary-subtle: #EFE8EA;
  --on-tertiary: #FFFFFF;
  --success: #1F9D55;
  --success-subtle: #E5F7EC;
  --warning: #E8890C;
  --warning-subtle: #FDF1DC;
  --error: #E5484D;
  --error-subtle: #FDEAEA;
  --info: #2D6CDF;
  --info-subtle: #E8EFFF;
}

[data-theme-mode="dark"] :root[data-theme="rose-steel"] {
  --bg: #1D1215;
  --surface: #27171B;
  --surface-raised: #331E23;
  --border-default: #3C2529;
  --border-subtle: #331F23;
  --text-primary: #F5E6E9;
  --text-secondary: #B4949A;
  --text-tertiary: #7F666B;
  --text-disabled: #59464A;
  --text-inverse: #FFFFFF;
  --primary: #DD6E8B;
  --primary-hover: #E2829B;
  --primary-active: #E797AB;
  --primary-subtle: #341D23;
  --on-primary: #FFFFFF;
  --secondary: #7EA0D6;
  --secondary-hover: #90ADDC;
  --secondary-active: #A2BBE1;
  --secondary-subtle: #29232C;
  --on-secondary: #FFFFFF;
  --tertiary: #C7ABB1;
  --tertiary-hover: #CFB7BC;
  --tertiary-subtle: #2E2125;
  --on-tertiary: #FFFFFF;
  --success: #3DD675;
  --success-subtle: #12291B;
  --warning: #F0A63A;
  --warning-subtle: #2E2411;
  --error: #FF6B6F;
  --error-subtle: #331616;
  --info: #5B8FFF;
  --info-subtle: #1B2A45;
}

/* === Graphite & Lime === */
:root[data-theme="graphite-lime"] {
  --bg: #F6F6F5;
  --surface: #FFFFFF;
  --surface-raised: #E9E9E6;
  --border-default: #DEDEDA;
  --border-subtle: #EDEDEB;
  --text-primary: #1A1A18;
  --text-secondary: #605F58;
  --text-tertiary: #94948F;
  --text-disabled: #BABAB6;
  --text-inverse: #10141C;
  --primary: #3B3B36;
  --primary-hover: #33332E;
  --primary-active: #2A2A27;
  --primary-subtle: #E0E0DE;
  --on-primary: #FFFFFF;
  --secondary: #9ACD32;
  --secondary-hover: #84B02B;
  --secondary-active: #6F9424;
  --secondary-subtle: #EBF1DE;
  --on-secondary: #101014;
  --tertiary: #78786F;
  --tertiary-hover: #67675F;
  --tertiary-subtle: #E9E9E8;
  --on-tertiary: #FFFFFF;
  --success: #1F9D55;
  --success-subtle: #E5F7EC;
  --warning: #E8890C;
  --warning-subtle: #FDF1DC;
  --error: #E5484D;
  --error-subtle: #FDEAEA;
  --info: #2D6CDF;
  --info-subtle: #E8EFFF;
}

[data-theme-mode="dark"] :root[data-theme="graphite-lime"] {
  --bg: #0F0F0E;
  --surface: #191917;
  --surface-raised: #212120;
  --border-default: #2A2A27;
  --border-subtle: #222220;
  --text-primary: #EBEBE8;
  --text-secondary: #96958C;
  --text-tertiary: #676660;
  --text-disabled: #454540;
  --text-inverse: #FFFFFF;
  --primary: #B9E24C;
  --primary-hover: #C3E665;
  --primary-active: #CDEA7E;
  --primary-subtle: #232815;
  --on-primary: #101014;
  --secondary: #B9E24C;
  --secondary-hover: #C3E665;
  --secondary-active: #CDEA7E;
  --secondary-subtle: #232815;
  --on-secondary: #101014;
  --tertiary: #AEAEA2;
  --tertiary-hover: #B9B9AF;
  --tertiary-subtle: #1F1F1D;
  --on-tertiary: #FFFFFF;
  --success: #3DD675;
  --success-subtle: #12291B;
  --warning: #F0A63A;
  --warning-subtle: #2E2411;
  --error: #FF6B6F;
  --error-subtle: #331616;
  --info: #5B8FFF;
  --info-subtle: #1B2A45;
}

/* === Backward Compat Aliases === */
:root {
  --bg-primary: var(--bg);
  --bg-secondary: var(--surface);
  --bg-input: var(--surface);
  --text: var(--text-primary);
  --text-dim: var(--text-secondary);
  --text-muted: var(--text-tertiary);
  --border: var(--border-default);
  --border-light: var(--border-subtle);
}