/* Menumiz restaurant page colour tokens.
 *
 * GENERATED -- do not edit. Regenerate with the uxpeak-design-team skill:
 *   scripts/generate_brand_palettes.py --brands menumiz-brands.json
 *   scripts/validate_brand_palettes.py
 *   scripts/emit_theme_css.py
 *
 * Harmony: complementary
 * Engine: uxpeak-role-harmony-v4 via brand-role-tokens-v1
 * Every pair below passed WCAG 2.2 AA before it was written:
 * 4.5:1 for text, 3:1 for identifying borders and focus.
 *
 * Each theme derives from one merchant brand colour. Editing a hex here breaks that
 * derivation and skips every contrast gate -- change menumiz-brands.json and regenerate.
 */

/* T01 — maroon · brand #720E1A */
:root,
:root[data-color-theme="light"] {
  --color-text: #0F0B0B;
  --color-background: #FAF8F8;
  --color-foreground: #0F0B0B;
  --color-surface: #F9F0EC;
  --color-surface-foreground: #0F0B0B;
  --color-surface-elevated: #F2F0F0;
  --color-primary: #720E1A;
  --color-primary-foreground: #FAF8F8;
  --color-primary-text: #9A1323;
  --color-primary-wash: #F3ECED;
  --color-primary-subtle: #ECE1E2;
  --color-primary-soft: #DFC9CC;
  --color-secondary: #F0AC82;
  --color-secondary-foreground: #0F0B0B;
  --color-secondary-text: #9A4613;
  --color-secondary-subtle: #F9F0EC;
  --color-secondary-soft: #F8E9E0;
  --color-secondary-control: #F7E1D5;
  --color-accent: #55EAD8;
  --color-accent-foreground: #0F0B0B;
  --color-accent-text: #0F7A6D;
  --color-accent-subtle: #EAF7F5;
  --color-accent-soft: #D9F5F2;
  --color-link: #0E7266;
  --color-muted: #F8E9E0;
  --color-muted-foreground: #716864;
  --color-inverse: #0F0B0B;
  --color-inverse-foreground: #FAF8F8;
  --color-border-subtle: #DEDCDC;
  --color-border: #827F7F;
  --color-focus: #129283;
  --color-overlay: #615E5E;
}

:root[data-color-theme="dark"] {
  --color-text: #EFE9EA;
  --color-background: #0F0B0B;
  --color-foreground: #EFE9EA;
  --color-surface: #1C110C;
  --color-surface-foreground: #EFE9EA;
  --color-surface-elevated: #1C1818;
  --color-primary: #F0828F;
  --color-primary-foreground: #0F0B0B;
  --color-primary-text: #EF808D;
  --color-primary-wash: #1A1112;
  --color-primary-subtle: #261718;
  --color-primary-soft: #3C2325;
  --color-secondary: #944312;
  --color-secondary-foreground: #EFE9EA;
  --color-secondary-text: #EFAA80;
  --color-secondary-subtle: #1C110C;
  --color-secondary-soft: #2A160C;
  --color-secondary-control: #371C0D;
  --color-accent: #33E6D0;
  --color-accent-foreground: #0F0B0B;
  --color-accent-text: #80EFE2;
  --color-accent-subtle: #13211F;
  --color-accent-soft: #163732;
  --color-link: #77EEE0;
  --color-muted: #2A160C;
  --color-muted-foreground: #8C807B;
  --color-inverse: #EFE9EA;
  --color-inverse-foreground: #0F0B0B;
  --color-border-subtle: #373333;
  --color-border: #7F7A7A;
  --color-focus: #33E6D0;
  --color-overlay: #A19B9C;
}

/* T02 — brown · brand #C69F80 */
.theme-brown,
.theme-brown[data-color-theme="light"] {
  --color-text: #0E0D0B;
  --color-background: #F9F9F8;
  --color-foreground: #0E0D0B;
  --color-surface: #F5F5EF;
  --color-surface-foreground: #0E0D0B;
  --color-surface-elevated: #F1F1F0;
  --color-primary: #C69F80;
  --color-primary-foreground: #0E0D0B;
  --color-primary-text: #785336;
  --color-primary-wash: #F6F4F2;
  --color-primary-subtle: #F4F0EC;
  --color-primary-soft: #EFE7E0;
  --color-secondary: #D4D19E;
  --color-secondary-foreground: #0E0D0B;
  --color-secondary-text: #747034;
  --color-secondary-subtle: #F5F5EF;
  --color-secondary-soft: #F2F1E6;
  --color-secondary-control: #EEEDDD;
  --color-accent: #7BA4C4;
  --color-accent-foreground: #0E0D0B;
  --color-accent-text: #365A78;
  --color-accent-subtle: #ECF0F3;
  --color-accent-soft: #E0E8EE;
  --color-link: #365A78;
  --color-muted: #F2F1E6;
  --color-muted-foreground: #6E6D67;
  --color-inverse: #0E0D0B;
  --color-inverse-foreground: #F9F9F8;
  --color-border-subtle: #DDDDDC;
  --color-border: #848382;
  --color-focus: #3C6586;
  --color-overlay: #60605E;
}

.theme-brown[data-color-theme="dark"] {
  --color-text: #EEECE9;
  --color-background: #0E0D0B;
  --color-foreground: #EEECE9;
  --color-surface: #18170F;
  --color-surface-foreground: #EEECE9;
  --color-surface-elevated: #1B1A18;
  --color-primary: #D4B69E;
  --color-primary-foreground: #0E0D0B;
  --color-primary-text: #D3B49C;
  --color-primary-wash: #181512;
  --color-primary-subtle: #221E1A;
  --color-primary-soft: #362F28;
  --color-secondary: #716D33;
  --color-secondary-foreground: #EEECE9;
  --color-secondary-text: #D3D09C;
  --color-secondary-subtle: #18170F;
  --color-secondary-soft: #222013;
  --color-secondary-control: #2C2A17;
  --color-accent: #6191B8;
  --color-accent-foreground: #0E0D0B;
  --color-accent-text: #9CBBD3;
  --color-accent-subtle: #161A1C;
  --color-accent-soft: #1F272E;
  --color-link: #95B6D0;
  --color-muted: #222013;
  --color-muted-foreground: #8A8880;
  --color-inverse: #EEECE9;
  --color-inverse-foreground: #0E0D0B;
  --color-border-subtle: #363533;
  --color-border: #757471;
  --color-focus: #6191B8;
  --color-overlay: #A09E9B;
}

/* T03 — teal · brand #6D7C54 */
.theme-teal,
.theme-teal[data-color-theme="light"] {
  --color-text: #0D0E0C;
  --color-background: #F9F9F8;
  --color-foreground: #0D0E0C;
  --color-surface: #F2F4F0;
  --color-surface-foreground: #0D0E0C;
  --color-surface-elevated: #F1F1F0;
  --color-primary: #6A7852;
  --color-primary-foreground: #F9F9F8;
  --color-primary-text: #556933;
  --color-primary-wash: #F2F3F0;
  --color-primary-subtle: #EBECE7;
  --color-primary-soft: #DCDFD7;
  --color-secondary: #AFC6AB;
  --color-secondary-foreground: #0D0E0C;
  --color-secondary-text: #407538;
  --color-secondary-subtle: #F2F4F0;
  --color-secondary-soft: #EAEFE9;
  --color-secondary-control: #E3EAE1;
  --color-accent: #9B8DB2;
  --color-accent-foreground: #0D0E0C;
  --color-accent-text: #4F3875;
  --color-accent-subtle: #F0EEF1;
  --color-accent-soft: #E6E3EA;
  --color-link: #4F3875;
  --color-muted: #EAEFE9;
  --color-muted-foreground: #6A6D69;
  --color-inverse: #0D0E0C;
  --color-inverse-foreground: #F9F9F8;
  --color-border-subtle: #DDDDDC;
  --color-border: #818180;
  --color-focus: #583F83;
  --color-overlay: #60605F;
}

.theme-teal[data-color-theme="dark"] {
  --color-text: #ECEDEB;
  --color-background: #0D0E0C;
  --color-foreground: #ECEDEB;
  --color-surface: #131612;
  --color-surface-foreground: #ECEDEB;
  --color-surface-elevated: #1A1B19;
  --color-primary: #BCC6AB;
  --color-primary-foreground: #0D0E0C;
  --color-primary-text: #BED19F;
  --color-primary-wash: #161714;
  --color-primary-subtle: #1E201C;
  --color-primary-soft: #30332C;
  --color-secondary: #476343;
  --color-secondary-foreground: #ECEDEB;
  --color-secondary-text: #A5D19F;
  --color-secondary-subtle: #131612;
  --color-secondary-soft: #191F17;
  --color-secondary-control: #1E281C;
  --color-accent: #8776A2;
  --color-accent-foreground: #0D0E0C;
  --color-accent-text: #B19FD1;
  --color-accent-subtle: #19181B;
  --color-accent-soft: #25232A;
  --color-link: #AC98CD;
  --color-muted: #191F17;
  --color-muted-foreground: #828681;
  --color-inverse: #ECEDEB;
  --color-inverse-foreground: #0D0E0C;
  --color-border-subtle: #353634;
  --color-border: #6F706E;
  --color-focus: #8776A2;
  --color-overlay: #9E9F9D;
}

/* T04 — navy · brand #223E61 */
.theme-navy,
.theme-navy[data-color-theme="light"] {
  --color-text: #0B0D0F;
  --color-background: #F8F9FA;
  --color-foreground: #0B0D0F;
  --color-surface: #EFEFF7;
  --color-surface-foreground: #0B0D0F;
  --color-surface-elevated: #F0F1F2;
  --color-primary: #223E61;
  --color-primary-foreground: #F8F9FA;
  --color-primary-text: #2D5280;
  --color-primary-wash: #EDF0F2;
  --color-primary-subtle: #E3E6EB;
  --color-primary-soft: #CDD4DB;
  --color-secondary: #9B97DB;
  --color-secondary-foreground: #0B0D0F;
  --color-secondary-text: #322D80;
  --color-secondary-subtle: #EFEFF7;
  --color-secondary-soft: #E5E5F4;
  --color-secondary-control: #DCDCF1;
  --color-accent: #CDA471;
  --color-accent-foreground: #0B0D0F;
  --color-accent-text: #805B2D;
  --color-accent-subtle: #F4F0EC;
  --color-accent-soft: #EFE8DF;
  --color-link: #805B2D;
  --color-muted: #E5E5F4;
  --color-muted-foreground: #64666D;
  --color-inverse: #0B0D0F;
  --color-inverse-foreground: #F8F9FA;
  --color-border-subtle: #DCDDDE;
  --color-border: #7D7E80;
  --color-focus: #906632;
  --color-overlay: #5E6061;
}

.theme-navy[data-color-theme="dark"] {
  --color-text: #E9ECEF;
  --color-background: #0B0D0F;
  --color-foreground: #E9ECEF;
  --color-surface: #0F101A;
  --color-surface-foreground: #E9ECEF;
  --color-surface-elevated: #181A1C;
  --color-primary: #97B5DB;
  --color-primary-foreground: #0B0D0F;
  --color-primary-text: #95B4DA;
  --color-primary-wash: #121519;
  --color-primary-subtle: #191E23;
  --color-primary-soft: #272F38;
  --color-secondary: #2F2B7B;
  --color-secondary-foreground: #E9ECEF;
  --color-secondary-text: #9995DA;
  --color-secondary-subtle: #0F101A;
  --color-secondary-soft: #121325;
  --color-secondary-control: #16162F;
  --color-accent: #C39255;
  --color-accent-foreground: #0B0D0F;
  --color-accent-text: #DABB95;
  --color-accent-subtle: #1D1A16;
  --color-accent-soft: #30281D;
  --color-link: #D7B78E;
  --color-muted: #121325;
  --color-muted-foreground: #7E808A;
  --color-inverse: #E9ECEF;
  --color-inverse-foreground: #0B0D0F;
  --color-border-subtle: #333537;
  --color-border: #717476;
  --color-focus: #C39255;
  --color-overlay: #9B9EA1;
}

/* T05 — olive · brand #A79F59 */
.theme-olive,
.theme-olive[data-color-theme="light"] {
  --color-text: #0E0E0B;
  --color-background: #F9F9F8;
  --color-foreground: #0E0E0B;
  --color-surface: #F3F5F0;
  --color-surface-foreground: #0E0E0B;
  --color-surface-elevated: #F1F1F0;
  --color-primary: #A79F59;
  --color-primary-foreground: #0E0E0B;
  --color-primary-text: #6F6936;
  --color-primary-wash: #F5F4F0;
  --color-primary-subtle: #F1F0E8;
  --color-primary-soft: #E9E7D8;
  --color-secondary: #BDCEA3;
  --color-secondary-foreground: #0E0E0B;
  --color-secondary-text: #5C7438;
  --color-secondary-subtle: #F3F5F0;
  --color-secondary-soft: #EDF0E7;
  --color-secondary-control: #E7ECDE;
  --color-accent: #8288BD;
  --color-accent-foreground: #0E0E0B;
  --color-accent-text: #383F75;
  --color-accent-subtle: #EDEEF2;
  --color-accent-soft: #E1E2EC;
  --color-link: #383F75;
  --color-muted: #EDF0E7;
  --color-muted-foreground: #6C6D67;
  --color-inverse: #0E0E0B;
  --color-inverse-foreground: #F9F9F8;
  --color-border-subtle: #DDDDDC;
  --color-border: #81817F;
  --color-focus: #3F4683;
  --color-overlay: #60605E;
}

.theme-olive[data-color-theme="dark"] {
  --color-text: #EEEEEA;
  --color-background: #0E0E0B;
  --color-foreground: #EEEEEA;
  --color-surface: #151710;
  --color-surface-foreground: #EEEEEA;
  --color-surface-elevated: #1B1B18;
  --color-primary: #CECAA3;
  --color-primary-foreground: #0E0E0B;
  --color-primary-text: #D1CB9F;
  --color-primary-wash: #181713;
  --color-primary-subtle: #21211A;
  --color-primary-soft: #343429;
  --color-secondary: #586C39;
  --color-secondary-foreground: #EEEEEA;
  --color-secondary-text: #BDD19F;
  --color-secondary-subtle: #151710;
  --color-secondary-soft: #1D2114;
  --color-secondary-control: #242A19;
  --color-accent: #6F76B2;
  --color-accent-foreground: #0E0E0B;
  --color-accent-text: #9FA4D1;
  --color-accent-subtle: #18181C;
  --color-accent-soft: #21232C;
  --color-link: #989DCD;
  --color-muted: #1D2114;
  --color-muted-foreground: #86887F;
  --color-inverse: #EEEEEA;
  --color-inverse-foreground: #0E0E0B;
  --color-border-subtle: #363633;
  --color-border: #71716D;
  --color-focus: #6F76B2;
  --color-overlay: #A0A09C;
}

/* T06 — grey · brand #666666 · interaction #198754 */
.theme-grey,
.theme-grey[data-color-theme="light"] {
  --color-text: #0D0D0D;
  --color-background: #F9F9F9;
  --color-foreground: #0D0D0D;
  --color-surface: #F3F3F3;
  --color-surface-foreground: #0D0D0D;
  --color-surface-elevated: #F1F1F1;
  --color-primary: #666666;
  --color-primary-foreground: #F9F9F9;
  --color-primary-text: #156F45;
  --color-primary-wash: #F2F2F2;
  --color-primary-subtle: #EAEAEA;
  --color-primary-soft: #DCDCDC;
  --color-secondary: #B9B9B9;
  --color-secondary-foreground: #0D0D0D;
  --color-secondary-text: #177A4C;
  --color-secondary-subtle: #F3F3F3;
  --color-secondary-soft: #ECECEC;
  --color-secondary-control: #E6E6E6;
  --color-accent: #5EE1A4;
  --color-accent-foreground: #0D0D0D;
  --color-accent-text: #177B4D;
  --color-accent-subtle: #EAF7F0;
  --color-accent-soft: #DAF4E8;
  --color-link: #16764A;
  --color-muted: #ECECEC;
  --color-muted-foreground: #6B6B6B;
  --color-inverse: #0D0D0D;
  --color-inverse-foreground: #F9F9F9;
  --color-border-subtle: #DDDDDD;
  --color-border: #838383;
  --color-focus: #1C995F;
  --color-overlay: #606060;
}

.theme-grey[data-color-theme="dark"] {
  --color-text: #ECECEC;
  --color-background: #0D0D0D;
  --color-foreground: #ECECEC;
  --color-surface: #141414;
  --color-surface-foreground: #ECECEC;
  --color-surface-elevated: #1A1A1A;
  --color-primary: #999999;
  --color-primary-foreground: #0D0D0D;
  --color-primary-text: #87E9BB;
  --color-primary-wash: #141414;
  --color-primary-subtle: #1B1B1B;
  --color-primary-soft: #292929;
  --color-secondary: #535353;
  --color-secondary-foreground: #ECECEC;
  --color-secondary-text: #87E9BB;
  --color-secondary-subtle: #141414;
  --color-secondary-soft: #1B1B1B;
  --color-secondary-control: #222222;
  --color-accent: #3DDB92;
  --color-accent-foreground: #0D0D0D;
  --color-accent-text: #87E9BB;
  --color-accent-subtle: #12221A;
  --color-accent-soft: #173628;
  --color-link: #7EE7B6;
  --color-muted: #1B1B1B;
  --color-muted-foreground: #848484;
  --color-inverse: #ECECEC;
  --color-inverse-foreground: #0D0D0D;
  --color-border-subtle: #353535;
  --color-border: #7A7A7A;
  --color-focus: #3DDB92;
  --color-overlay: #9E9E9E;
}

/* T07 — black · brand #1A1A1A · interaction #C8912B */
.theme-black,
.theme-black[data-color-theme="light"] {
  --color-text: #0D0D0D;
  --color-background: #F9F9F9;
  --color-foreground: #0D0D0D;
  --color-surface: #F3F3F3;
  --color-surface-foreground: #0D0D0D;
  --color-surface-elevated: #F1F1F1;
  --color-primary: #1A1A1A;
  --color-primary-foreground: #F9F9F9;
  --color-primary-text: #705118;
  --color-primary-wash: #EEEEEE;
  --color-primary-subtle: #E3E3E3;
  --color-primary-soft: #CCCCCC;
  --color-secondary: #B9B9B9;
  --color-secondary-foreground: #0D0D0D;
  --color-secondary-text: #8B641E;
  --color-secondary-subtle: #F3F3F3;
  --color-secondary-soft: #ECECEC;
  --color-secondary-control: #E6E6E6;
  --color-accent: #DDB262;
  --color-accent-foreground: #0D0D0D;
  --color-accent-text: #8A641E;
  --color-accent-subtle: #F6F2EA;
  --color-accent-soft: #F3EBDB;
  --color-link: #835F1C;
  --color-muted: #ECECEC;
  --color-muted-foreground: #6B6B6B;
  --color-inverse: #0D0D0D;
  --color-inverse-foreground: #F9F9F9;
  --color-border-subtle: #DDDDDD;
  --color-border: #818181;
  --color-focus: #A07422;
  --color-overlay: #606060;
}

.theme-black[data-color-theme="dark"] {
  --color-text: #ECECEC;
  --color-background: #0D0D0D;
  --color-foreground: #ECECEC;
  --color-surface: #141414;
  --color-surface-foreground: #ECECEC;
  --color-surface-elevated: #1A1A1A;
  --color-primary: #D9D9D9;
  --color-primary-foreground: #0D0D0D;
  --color-primary-text: #E6C589;
  --color-primary-wash: #171717;
  --color-primary-subtle: #212121;
  --color-primary-soft: #363636;
  --color-secondary: #535353;
  --color-secondary-foreground: #ECECEC;
  --color-secondary-text: #E6C589;
  --color-secondary-subtle: #141414;
  --color-secondary-soft: #1B1B1B;
  --color-secondary-control: #222222;
  --color-accent: #D6A242;
  --color-accent-foreground: #0D0D0D;
  --color-accent-text: #E6C589;
  --color-accent-subtle: #211C12;
  --color-accent-soft: #352B18;
  --color-link: #E4C181;
  --color-muted: #1B1B1B;
  --color-muted-foreground: #848484;
  --color-inverse: #ECECEC;
  --color-inverse-foreground: #0D0D0D;
  --color-border-subtle: #353535;
  --color-border: #767676;
  --color-focus: #D6A242;
  --color-overlay: #9E9E9E;
}

/* T08 — pink · brand #D04A8C */
.theme-pink,
.theme-pink[data-color-theme="light"] {
  --color-text: #0F0B0D;
  --color-background: #FAF8F9;
  --color-foreground: #0F0B0D;
  --color-surface: #F8EEEE;
  --color-surface-foreground: #0F0B0D;
  --color-surface-elevated: #F2F0F1;
  --color-primary: #D04A8C;
  --color-primary-foreground: #0F0B0D;
  --color-primary-text: #8A2456;
  --color-primary-wash: #F8EFF4;
  --color-primary-subtle: #F6E7EE;
  --color-primary-soft: #F2D5E3;
  --color-secondary: #E29090;
  --color-secondary-foreground: #0F0B0D;
  --color-secondary-text: #8A2524;
  --color-secondary-subtle: #F8EEEE;
  --color-secondary-soft: #F5E3E4;
  --color-secondary-control: #F3D9D9;
  --color-accent: #67D8A0;
  --color-accent-foreground: #0F0B0D;
  --color-accent-text: #207A4E;
  --color-accent-subtle: #EBF5F0;
  --color-accent-soft: #DDF2E7;
  --color-link: #1D7047;
  --color-muted: #F5E3E4;
  --color-muted-foreground: #6D6465;
  --color-inverse: #0F0B0D;
  --color-inverse-foreground: #FAF8F9;
  --color-border-subtle: #DEDCDD;
  --color-border: #807D7E;
  --color-focus: #27965F;
  --color-overlay: #615E60;
}

.theme-pink[data-color-theme="dark"] {
  --color-text: #EFE9EC;
  --color-background: #0F0B0D;
  --color-foreground: #EFE9EC;
  --color-surface: #1B0D0F;
  --color-surface-foreground: #EFE9EC;
  --color-surface-elevated: #1C181A;
  --color-primary: #E290B8;
  --color-primary-foreground: #0F0B0D;
  --color-primary-text: #E28EB7;
  --color-primary-wash: #1A1216;
  --color-primary-subtle: #24181E;
  --color-primary-soft: #39262F;
  --color-secondary: #842322;
  --color-secondary-foreground: #EFE9EC;
  --color-secondary-text: #E28E8E;
  --color-secondary-subtle: #1B0D0F;
  --color-secondary-soft: #261011;
  --color-secondary-control: #321213;
  --color-accent: #49D08D;
  --color-accent-foreground: #0F0B0D;
  --color-accent-text: #8EE2B8;
  --color-accent-subtle: #151F1A;
  --color-accent-soft: #1B3227;
  --color-link: #86DFB3;
  --color-muted: #261011;
  --color-muted-foreground: #8A7C7E;
  --color-inverse: #EFE9EC;
  --color-inverse-foreground: #0F0B0D;
  --color-border-subtle: #373335;
  --color-border: #7B7678;
  --color-focus: #49D08D;
  --color-overlay: #A19B9E;
}

/* T09 — orange · brand #E9AD27 */
.theme-orange,
.theme-orange[data-color-theme="light"] {
  --color-text: #0F0D0B;
  --color-background: #FAF9F8;
  --color-foreground: #0F0D0B;
  --color-surface: #F7F8EC;
  --color-surface-foreground: #0F0D0B;
  --color-surface-elevated: #F2F1F0;
  --color-primary: #E9AD27;
  --color-primary-foreground: #0F0D0B;
  --color-primary-text: #8A640E;
  --color-primary-wash: #F9F5EE;
  --color-primary-subtle: #F8F1E3;
  --color-primary-soft: #F7EACE;
  --color-secondary: #DCF280;
  --color-secondary-foreground: #0F0D0B;
  --color-secondary-text: #65790C;
  --color-secondary-subtle: #F7F8EC;
  --color-secondary-soft: #F4F8E0;
  --color-secondary-control: #F1F7D4;
  --color-accent: #5182ED;
  --color-accent-foreground: #0F0D0B;
  --color-accent-text: #103C9D;
  --color-accent-subtle: #E9EDF7;
  --color-accent-soft: #D8E1F6;
  --color-link: #103C9D;
  --color-muted: #F4F8E0;
  --color-muted-foreground: #6F7064;
  --color-inverse: #0F0D0B;
  --color-inverse-foreground: #FAF9F8;
  --color-border-subtle: #DEDDDC;
  --color-border: #807E7D;
  --color-focus: #5182ED;
  --color-overlay: #61605E;
}

.theme-orange[data-color-theme="dark"] {
  --color-text: #EFEDE9;
  --color-background: #0F0D0B;
  --color-foreground: #EFEDE9;
  --color-surface: #1A1B0B;
  --color-surface-foreground: #EFEDE9;
  --color-surface-elevated: #1C1A18;
  --color-primary: #F2CF80;
  --color-primary-foreground: #0F0D0B;
  --color-primary-text: #F2CE7D;
  --color-primary-wash: #1A1711;
  --color-primary-subtle: #262017;
  --color-primary-soft: #3C3422;
  --color-secondary: #7D960F;
  --color-secondary-foreground: #0F0D0B;
  --color-secondary-text: #DCF27D;
  --color-secondary-subtle: #1A1B0B;
  --color-secondary-soft: #25280C;
  --color-secondary-control: #30360C;
  --color-accent: #2561E9;
  --color-accent-foreground: #EFEDE9;
  --color-accent-text: #7DA1F2;
  --color-accent-subtle: #111521;
  --color-accent-soft: #131E37;
  --color-link: #749BF1;
  --color-muted: #25280C;
  --color-muted-foreground: #8E8E7F;
  --color-inverse: #EFEDE9;
  --color-inverse-foreground: #0F0D0B;
  --color-border-subtle: #373533;
  --color-border: #7D7B78;
  --color-focus: #6B94F0;
  --color-overlay: #A19F9B;
}

/* T10 — green · brand #198754 */
.theme-green,
.theme-green[data-color-theme="light"] {
  --color-text: #0B0F0D;
  --color-background: #F8FAF9;
  --color-foreground: #0B0F0D;
  --color-surface: #EDF8F7;
  --color-surface-foreground: #0B0F0D;
  --color-surface-elevated: #F0F2F1;
  --color-primary: #188352;
  --color-primary-foreground: #F8FAF9;
  --color-primary-text: #156F45;
  --color-primary-wash: #EDF4F1;
  --color-primary-subtle: #E2EEE8;
  --color-primary-soft: #CBE2D8;
  --color-secondary: #89E6E9;
  --color-secondary-foreground: #0B0F0D;
  --color-secondary-text: #177A7E;
  --color-secondary-subtle: #EDF8F7;
  --color-secondary-soft: #E2F6F6;
  --color-secondary-control: #D7F4F4;
  --color-accent: #E15E9B;
  --color-accent-foreground: #0B0F0D;
  --color-accent-text: #921B52;
  --color-accent-subtle: #F6EAF0;
  --color-accent-soft: #F3DBE6;
  --color-link: #921B52;
  --color-muted: #E2F6F6;
  --color-muted-foreground: #65706F;
  --color-inverse: #0B0F0D;
  --color-inverse-foreground: #F8FAF9;
  --color-border-subtle: #DCDEDD;
  --color-border: #7D807E;
  --color-focus: #A41E5C;
  --color-overlay: #5E6160;
}

.theme-green[data-color-theme="dark"] {
  --color-text: #E9EFEC;
  --color-background: #0B0F0D;
  --color-foreground: #E9EFEC;
  --color-surface: #0C1B1A;
  --color-surface-foreground: #E9EFEC;
  --color-surface-elevated: #181C1A;
  --color-primary: #89E9BC;
  --color-primary-foreground: #0B0F0D;
  --color-primary-text: #87E9BB;
  --color-primary-wash: #111A16;
  --color-primary-subtle: #18251E;
  --color-primary-soft: #243B30;
  --color-secondary: #1A888C;
  --color-secondary-foreground: #0B0F0D;
  --color-secondary-text: #87E5E9;
  --color-secondary-subtle: #0C1B1A;
  --color-secondary-soft: #0E2726;
  --color-secondary-control: #103333;
  --color-accent: #DB3D87;
  --color-accent-foreground: #0B0F0D;
  --color-accent-text: #E987B4;
  --color-accent-subtle: #201419;
  --color-accent-soft: #351825;
  --color-link: #E77EAF;
  --color-muted: #0E2726;
  --color-muted-foreground: #7E8D8B;
  --color-inverse: #E9EFEC;
  --color-inverse-foreground: #0B0F0D;
  --color-border-subtle: #333735;
  --color-border: #737876;
  --color-focus: #DB3D87;
  --color-overlay: #9BA19E;
}