/* OnHand theme tokens. Generated from the Phase 3A color foundation. */

/* Every value traces to an approved token, a tonal scale step, or the semantic table. */


/* Plain · Minimal · light */
[data-theme="plain"][data-mode="light"] {
  --bg: #FAFBFC;
  --surface-chrome: #FFFFFF;
  --surface-card: #FFFFFF;
  --surface-data: #FFFFFF;
  --surface-glass: #FFFFFF;
  --surface-thead: #F2F7FB;
  --text-strong: #0A3B69;
  --text-primary: #173A5E;
  --text-secondary: #5C7185;
  --text-muted: #7E91A2;
  --border: #D7E4EF;
  --border-soft: rgb(23 58 94 / .09);
  --action: #176DB5;
  --on-action: #FFFFFF;
  --link: #176DB5;
  --selected: #EBECEE;
  --focus-ring: rgb(23 109 181 / .28);
  --shadow: 0 1px 2px rgb(23 58 94 / .06), 0 8px 24px rgb(23 58 94 / .08);
  --success: #237A50;
  --success-bg: #DFF5E8;
  --warning: #C77A08;
  --warning-bg: #FFF0D0;
  --critical: #C84B55;
  --critical-bg: #FDE7EA;
  --info: #176DB5;
  --info-bg: #E4F2FC;
  --art-image: none; --art-zoom: 1; --art-fx: .5; --art-fy: .5;
}

/* Plain · Minimal · dark */
[data-theme="plain"][data-mode="dark"] {
  --bg: #031B30;
  --surface-chrome: #0C2335;
  --surface-card: #0C2335;
  --surface-data: #0C2335;
  --surface-glass: #0C2335;
  --surface-thead: #0C2335;
  --text-strong: #FFFFFF;
  --text-primary: #F4F8FB;
  --text-secondary: #B8C8D5;
  --text-muted: #8FA6B8;
  --border: #25475E;
  --border-soft: rgb(184 200 213 / .13);
  --action: #2F8FEA;
  --on-action: #03121F;
  --link: #88C7F6;
  --selected: #173A5E;
  --focus-ring: rgb(47 143 234 / .32);
  --shadow: 0 1px 2px rgb(0 0 0 / .40), 0 14px 34px rgb(0 0 0 / .45);
  --success: #6FCDA0;
  --success-bg: rgba(35,122,80,.26);
  --warning: #F5B23C;
  --warning-bg: rgba(199,122,8,.26);
  --critical: #F5959C;
  --critical-bg: rgba(200,75,85,.26);
  --info: #88C7F6;
  --info-bg: rgba(23,109,181,.26);
  --art-image: none; --art-zoom: 1; --art-fx: .5; --art-fy: .5;
}

/* Quiet · Minimal · light */
[data-theme="quiet"][data-mode="light"] {
  --bg: #FAFBFC;
  --surface-chrome: #FFFFFF;
  --surface-card: #FFFFFF;
  --surface-data: #FFFFFF;
  --surface-glass: #FFFFFF;
  --surface-thead: #F2F7FB;
  --text-strong: #0A3B69;
  --text-primary: #173A5E;
  --text-secondary: #5C7185;
  --text-muted: #7E91A2;
  --border: #D7E4EF;
  --border-soft: rgb(23 58 94 / .09);
  --action: #176DB5;
  --on-action: #FFFFFF;
  --link: #176DB5;
  --selected: #EBECEE;
  --focus-ring: rgb(23 109 181 / .28);
  --shadow: 0 1px 2px rgb(23 58 94 / .06), 0 8px 24px rgb(23 58 94 / .08);
  --success: #237A50;
  --success-bg: #DFF5E8;
  --warning: #C77A08;
  --warning-bg: #FFF0D0;
  --critical: #C84B55;
  --critical-bg: #FDE7EA;
  --info: #176DB5;
  --info-bg: #E4F2FC;
  --art-image: url("/backgrounds/quiet-light.svg");
  --art-zoom: 1.0; --art-fx: 0.5; --art-fy: 0.5;
}

/* Quiet · Minimal · dark */
[data-theme="quiet"][data-mode="dark"] {
  --bg: #031B30;
  --surface-chrome: #0C2335;
  --surface-card: #0C2335;
  --surface-data: #0C2335;
  --surface-glass: #0C2335;
  --surface-thead: #0C2335;
  --text-strong: #FFFFFF;
  --text-primary: #F4F8FB;
  --text-secondary: #B8C8D5;
  --text-muted: #8FA6B8;
  --border: #25475E;
  --border-soft: rgb(184 200 213 / .13);
  --action: #2F8FEA;
  --on-action: #03121F;
  --link: #88C7F6;
  --selected: #173A5E;
  --focus-ring: rgb(47 143 234 / .32);
  --shadow: 0 1px 2px rgb(0 0 0 / .40), 0 14px 34px rgb(0 0 0 / .45);
  --success: #6FCDA0;
  --success-bg: rgba(35,122,80,.26);
  --warning: #F5B23C;
  --warning-bg: rgba(199,122,8,.26);
  --critical: #F5959C;
  --critical-bg: rgba(200,75,85,.26);
  --info: #88C7F6;
  --info-bg: rgba(23,109,181,.26);
  --art-image: url("/backgrounds/quiet-dark.svg");
  --art-zoom: 1.0; --art-fx: 0.5; --art-fy: 0.5;
}

/* Horizon · Minimal · light */
[data-theme="horizon"][data-mode="light"] {
  --bg: #FAFBFC;
  --surface-chrome: rgb(255 255 255 / 0.82);
  --surface-card: rgb(255 255 255 / 0.82);
  --surface-data: rgb(255 255 255 / 0.94);
  --surface-glass: rgb(255 255 255 / 0.72);
  --surface-thead: #F2F7FB;
  --text-strong: #0A3B69;
  --text-primary: #173A5E;
  --text-secondary: #5C7185;
  --text-muted: #7E91A2;
  --border: #D7E4EF;
  --border-soft: rgb(23 58 94 / .09);
  --action: #176DB5;
  --on-action: #FFFFFF;
  --link: #176DB5;
  --selected: #EBECEE;
  --focus-ring: rgb(23 109 181 / .28);
  --shadow: 0 1px 2px rgb(23 58 94 / .06), 0 8px 24px rgb(23 58 94 / .08);
  --success: #237A50;
  --success-bg: #DFF5E8;
  --warning: #C77A08;
  --warning-bg: #FFF0D0;
  --critical: #C84B55;
  --critical-bg: #FDE7EA;
  --info: #176DB5;
  --info-bg: #E4F2FC;
  --art-image: url("/backgrounds/horizon-light.svg");
  --art-zoom: 1.0; --art-fx: 0.5; --art-fy: 0.5;
}

/* Horizon · Minimal · dark */
[data-theme="horizon"][data-mode="dark"] {
  --bg: #031B30;
  --surface-chrome: rgb(12 35 53 / 0.82);
  --surface-card: rgb(12 35 53 / 0.82);
  --surface-data: rgb(12 35 53 / 0.94);
  --surface-glass: rgb(12 35 53 / 0.72);
  --surface-thead: #0C2335;
  --text-strong: #FFFFFF;
  --text-primary: #F4F8FB;
  --text-secondary: #B8C8D5;
  --text-muted: #8FA6B8;
  --border: #25475E;
  --border-soft: rgb(184 200 213 / .13);
  --action: #2F8FEA;
  --on-action: #03121F;
  --link: #88C7F6;
  --selected: #173A5E;
  --focus-ring: rgb(47 143 234 / .32);
  --shadow: 0 1px 2px rgb(0 0 0 / .40), 0 14px 34px rgb(0 0 0 / .45);
  --success: #6FCDA0;
  --success-bg: rgba(35,122,80,.26);
  --warning: #F5B23C;
  --warning-bg: rgba(199,122,8,.26);
  --critical: #F5959C;
  --critical-bg: rgba(200,75,85,.26);
  --info: #88C7F6;
  --info-bg: rgba(23,109,181,.26);
  --art-image: url("/backgrounds/horizon-dark.svg");
  --art-zoom: 1.0; --art-fx: 0.5; --art-fy: 0.5;
}

/* Grain · Minimal · light */
[data-theme="grain"][data-mode="light"] {
  --bg: #FAFBFC;
  --surface-chrome: rgb(255 255 255 / 0.78);
  --surface-card: rgb(255 255 255 / 0.76);
  --surface-data: rgb(255 255 255 / 0.92);
  --surface-glass: rgb(255 255 255 / 0.66);
  --surface-thead: #F2F7FB;
  --text-strong: #0A3B69;
  --text-primary: #173A5E;
  --text-secondary: #5C7185;
  --text-muted: #7E91A2;
  --border: #D7E4EF;
  --border-soft: rgb(23 58 94 / .09);
  --action: #176DB5;
  --on-action: #FFFFFF;
  --link: #176DB5;
  --selected: #EBECEE;
  --focus-ring: rgb(23 109 181 / .28);
  --shadow: 0 1px 2px rgb(23 58 94 / .06), 0 8px 24px rgb(23 58 94 / .08);
  --success: #237A50;
  --success-bg: #DFF5E8;
  --warning: #C77A08;
  --warning-bg: #FFF0D0;
  --critical: #C84B55;
  --critical-bg: #FDE7EA;
  --info: #176DB5;
  --info-bg: #E4F2FC;
  --art-image: url("/backgrounds/grain-light.webp");
  --art-zoom: 1.0; --art-fx: 0.5; --art-fy: 0.5;
}

/* Grain · Minimal · dark */
[data-theme="grain"][data-mode="dark"] {
  --bg: #031B30;
  --surface-chrome: rgb(12 35 53 / 0.78);
  --surface-card: rgb(12 35 53 / 0.76);
  --surface-data: rgb(12 35 53 / 0.92);
  --surface-glass: rgb(12 35 53 / 0.66);
  --surface-thead: #0C2335;
  --text-strong: #FFFFFF;
  --text-primary: #F4F8FB;
  --text-secondary: #B8C8D5;
  --text-muted: #8FA6B8;
  --border: #25475E;
  --border-soft: rgb(184 200 213 / .13);
  --action: #2F8FEA;
  --on-action: #03121F;
  --link: #88C7F6;
  --selected: #173A5E;
  --focus-ring: rgb(47 143 234 / .32);
  --shadow: 0 1px 2px rgb(0 0 0 / .40), 0 14px 34px rgb(0 0 0 / .45);
  --success: #6FCDA0;
  --success-bg: rgba(35,122,80,.26);
  --warning: #F5B23C;
  --warning-bg: rgba(199,122,8,.26);
  --critical: #F5959C;
  --critical-bg: rgba(200,75,85,.26);
  --info: #88C7F6;
  --info-bg: rgba(23,109,181,.26);
  --art-image: url("/backgrounds/grain-dark.webp");
  --art-zoom: 1.0; --art-fx: 0.5; --art-fy: 0.5;
}

/* Waves · Blue · light */
[data-theme="waves"][data-mode="light"] {
  --bg: #FAFBFC;
  --surface-chrome: rgb(255 255 255 / 0.78);
  --surface-card: rgb(255 255 255 / 0.76);
  --surface-data: rgb(255 255 255 / 0.92);
  --surface-glass: rgb(255 255 255 / 0.66);
  --surface-thead: #F2F7FB;
  --text-strong: #0A3B69;
  --text-primary: #173A5E;
  --text-secondary: #5C7185;
  --text-muted: #7E91A2;
  --border: #D7E4EF;
  --border-soft: rgb(16 42 94 / .09);
  --action: #176DB5;
  --on-action: #FFFFFF;
  --link: #176DB5;
  --selected: #DCEEF9;
  --focus-ring: rgb(23 109 181 / .28);
  --shadow: 0 1px 2px rgb(16 42 94 / .06), 0 8px 24px rgb(16 42 94 / .08);
  --success: #237A50;
  --success-bg: #DFF5E8;
  --warning: #C77A08;
  --warning-bg: #FFF0D0;
  --critical: #C84B55;
  --critical-bg: #FDE7EA;
  --info: #176DB5;
  --info-bg: #E4F2FC;
  --art-image: url("/backgrounds/waves-light.svg");
  --art-zoom: 1.0; --art-fx: 0.5; --art-fy: 0.5;
}

/* Waves · Blue · dark */
[data-theme="waves"][data-mode="dark"] {
  --bg: #061E36;
  --surface-chrome: rgb(16 44 65 / 0.78);
  --surface-card: rgb(16 44 65 / 0.76);
  --surface-data: rgb(16 44 65 / 0.92);
  --surface-glass: rgb(16 44 65 / 0.66);
  --surface-thead: rgba(255,255,255,.05);
  --text-strong: #FFFFFF;
  --text-primary: #F4F8FB;
  --text-secondary: #B8C8D5;
  --text-muted: #8FA6B8;
  --border: #25475E;
  --border-soft: rgb(184 200 213 / .13);
  --action: #2F8FEA;
  --on-action: #03121F;
  --link: #88C7F6;
  --selected: rgba(47,143,234,.24);
  --focus-ring: rgb(47 143 234 / .32);
  --shadow: 0 1px 2px rgb(0 0 0 / .40), 0 14px 34px rgb(0 0 0 / .45);
  --success: #6FCDA0;
  --success-bg: rgba(35,122,80,.26);
  --warning: #F5B23C;
  --warning-bg: rgba(199,122,8,.26);
  --critical: #F5959C;
  --critical-bg: rgba(200,75,85,.26);
  --info: #88C7F6;
  --info-bg: rgba(23,109,181,.26);
  --art-image: url("/backgrounds/waves-dark.svg");
  --art-zoom: 1.0; --art-fx: 0.5; --art-fy: 0.5;
}

/* Weave · Blue · light */
[data-theme="weave"][data-mode="light"] {
  --bg: #FAFBFC;
  --surface-chrome: rgb(255 255 255 / 0.88);
  --surface-card: rgb(255 255 255 / 0.90);
  --surface-data: rgb(255 255 255 / 0.97);
  --surface-glass: rgb(255 255 255 / 0.80);
  --surface-thead: #F2F7FB;
  --text-strong: #0A3B69;
  --text-primary: #173A5E;
  --text-secondary: #5C7185;
  --text-muted: #7E91A2;
  --border: #D7E4EF;
  --border-soft: rgb(16 42 94 / .09);
  --action: #176DB5;
  --on-action: #FFFFFF;
  --link: #176DB5;
  --selected: #DCEEF9;
  --focus-ring: rgb(23 109 181 / .28);
  --shadow: 0 1px 2px rgb(16 42 94 / .06), 0 8px 24px rgb(16 42 94 / .08);
  --success: #237A50;
  --success-bg: #DFF5E8;
  --warning: #C77A08;
  --warning-bg: #FFF0D0;
  --critical: #C84B55;
  --critical-bg: #FDE7EA;
  --info: #176DB5;
  --info-bg: #E4F2FC;
  --art-image: url("/backgrounds/weave-light.svg");
  --art-zoom: 1.0; --art-fx: 0.5; --art-fy: 0.5;
}

/* Weave · Blue · dark */
[data-theme="weave"][data-mode="dark"] {
  --bg: #061E36;
  --surface-chrome: rgb(16 44 65 / 0.88);
  --surface-card: rgb(16 44 65 / 0.90);
  --surface-data: rgb(16 44 65 / 0.97);
  --surface-glass: rgb(16 44 65 / 0.80);
  --surface-thead: rgba(255,255,255,.05);
  --text-strong: #FFFFFF;
  --text-primary: #F4F8FB;
  --text-secondary: #B8C8D5;
  --text-muted: #8FA6B8;
  --border: #25475E;
  --border-soft: rgb(184 200 213 / .13);
  --action: #2F8FEA;
  --on-action: #03121F;
  --link: #88C7F6;
  --selected: rgba(47,143,234,.24);
  --focus-ring: rgb(47 143 234 / .32);
  --shadow: 0 1px 2px rgb(0 0 0 / .40), 0 14px 34px rgb(0 0 0 / .45);
  --success: #6FCDA0;
  --success-bg: rgba(35,122,80,.26);
  --warning: #F5B23C;
  --warning-bg: rgba(199,122,8,.26);
  --critical: #F5959C;
  --critical-bg: rgba(200,75,85,.26);
  --info: #88C7F6;
  --info-bg: rgba(23,109,181,.26);
  --art-image: url("/backgrounds/weave-dark.svg");
  --art-zoom: 1.0; --art-fx: 0.5; --art-fy: 0.5;
}

/* Bands · Blue · light */
[data-theme="bands"][data-mode="light"] {
  --bg: #FAFBFC;
  --surface-chrome: rgb(255 255 255 / 0.82);
  --surface-card: rgb(255 255 255 / 0.82);
  --surface-data: rgb(255 255 255 / 0.94);
  --surface-glass: rgb(255 255 255 / 0.72);
  --surface-thead: #F2F7FB;
  --text-strong: #0A3B69;
  --text-primary: #173A5E;
  --text-secondary: #5C7185;
  --text-muted: #7E91A2;
  --border: #D7E4EF;
  --border-soft: rgb(16 42 94 / .09);
  --action: #176DB5;
  --on-action: #FFFFFF;
  --link: #176DB5;
  --selected: #DCEEF9;
  --focus-ring: rgb(23 109 181 / .28);
  --shadow: 0 1px 2px rgb(16 42 94 / .06), 0 8px 24px rgb(16 42 94 / .08);
  --success: #237A50;
  --success-bg: #DFF5E8;
  --warning: #C77A08;
  --warning-bg: #FFF0D0;
  --critical: #C84B55;
  --critical-bg: #FDE7EA;
  --info: #176DB5;
  --info-bg: #E4F2FC;
  --art-image: url("/backgrounds/bands-light.svg");
  --art-zoom: 1.2; --art-fx: 0.5; --art-fy: 0.2;
}

/* Bands · Blue · dark */
[data-theme="bands"][data-mode="dark"] {
  --bg: #061E36;
  --surface-chrome: rgb(16 44 65 / 0.82);
  --surface-card: rgb(16 44 65 / 0.82);
  --surface-data: rgb(16 44 65 / 0.94);
  --surface-glass: rgb(16 44 65 / 0.72);
  --surface-thead: rgba(255,255,255,.05);
  --text-strong: #FFFFFF;
  --text-primary: #F4F8FB;
  --text-secondary: #B8C8D5;
  --text-muted: #8FA6B8;
  --border: #25475E;
  --border-soft: rgb(184 200 213 / .13);
  --action: #2F8FEA;
  --on-action: #03121F;
  --link: #88C7F6;
  --selected: rgba(47,143,234,.24);
  --focus-ring: rgb(47 143 234 / .32);
  --shadow: 0 1px 2px rgb(0 0 0 / .40), 0 14px 34px rgb(0 0 0 / .45);
  --success: #6FCDA0;
  --success-bg: rgba(35,122,80,.26);
  --warning: #F5B23C;
  --warning-bg: rgba(199,122,8,.26);
  --critical: #F5959C;
  --critical-bg: rgba(200,75,85,.26);
  --info: #88C7F6;
  --info-bg: rgba(23,109,181,.26);
  --art-image: url("/backgrounds/bands-dark.svg");
  --art-zoom: 1.2; --art-fx: 0.5; --art-fy: 0.2;
}

/* Arc · Blue · light */
[data-theme="arc"][data-mode="light"] {
  --bg: #FAFBFC;
  --surface-chrome: rgb(255 255 255 / 0.82);
  --surface-card: rgb(255 255 255 / 0.82);
  --surface-data: rgb(255 255 255 / 0.94);
  --surface-glass: rgb(255 255 255 / 0.72);
  --surface-thead: #F2F7FB;
  --text-strong: #0A3B69;
  --text-primary: #173A5E;
  --text-secondary: #5C7185;
  --text-muted: #7E91A2;
  --border: #D7E4EF;
  --border-soft: rgb(16 42 94 / .09);
  --action: #176DB5;
  --on-action: #FFFFFF;
  --link: #176DB5;
  --selected: #DCEEF9;
  --focus-ring: rgb(23 109 181 / .28);
  --shadow: 0 1px 2px rgb(16 42 94 / .06), 0 8px 24px rgb(16 42 94 / .08);
  --success: #237A50;
  --success-bg: #DFF5E8;
  --warning: #C77A08;
  --warning-bg: #FFF0D0;
  --critical: #C84B55;
  --critical-bg: #FDE7EA;
  --info: #176DB5;
  --info-bg: #E4F2FC;
  --art-image: url("/backgrounds/arc-light.svg");
  --art-zoom: 1.3; --art-fx: 0.18; --art-fy: 0.22;
}

/* Arc · Blue · dark */
[data-theme="arc"][data-mode="dark"] {
  --bg: #061E36;
  --surface-chrome: rgb(16 44 65 / 0.82);
  --surface-card: rgb(16 44 65 / 0.82);
  --surface-data: rgb(16 44 65 / 0.94);
  --surface-glass: rgb(16 44 65 / 0.72);
  --surface-thead: rgba(255,255,255,.05);
  --text-strong: #FFFFFF;
  --text-primary: #F4F8FB;
  --text-secondary: #B8C8D5;
  --text-muted: #8FA6B8;
  --border: #25475E;
  --border-soft: rgb(184 200 213 / .13);
  --action: #2F8FEA;
  --on-action: #03121F;
  --link: #88C7F6;
  --selected: rgba(47,143,234,.24);
  --focus-ring: rgb(47 143 234 / .32);
  --shadow: 0 1px 2px rgb(0 0 0 / .40), 0 14px 34px rgb(0 0 0 / .45);
  --success: #6FCDA0;
  --success-bg: rgba(35,122,80,.26);
  --warning: #F5B23C;
  --warning-bg: rgba(199,122,8,.26);
  --critical: #F5959C;
  --critical-bg: rgba(200,75,85,.26);
  --info: #88C7F6;
  --info-bg: rgba(23,109,181,.26);
  --art-image: url("/backgrounds/arc-dark.svg");
  --art-zoom: 1.3; --art-fx: 0.18; --art-fy: 0.22;
}

/* Grid · Blue · light */
[data-theme="grid"][data-mode="light"] {
  --bg: #FAFBFC;
  --surface-chrome: rgb(255 255 255 / 0.88);
  --surface-card: rgb(255 255 255 / 0.90);
  --surface-data: rgb(255 255 255 / 0.97);
  --surface-glass: rgb(255 255 255 / 0.80);
  --surface-thead: #EEF7FF;
  --text-strong: #0A3B69;
  --text-primary: #173A5E;
  --text-secondary: #5C7185;
  --text-muted: #7E91A2;
  --border: #D7E4EF;
  --border-soft: rgb(16 42 94 / .09);
  --action: #176DB5;
  --on-action: #FFFFFF;
  --link: #176DB5;
  --selected: #DCEEF9;
  --focus-ring: rgb(23 109 181 / .28);
  --shadow: 0 1px 2px rgb(16 42 94 / .06), 0 8px 24px rgb(16 42 94 / .08);
  --success: #237A50;
  --success-bg: #DFF5E8;
  --warning: #C77A08;
  --warning-bg: #FFF0D0;
  --critical: #C84B55;
  --critical-bg: #FDE7EA;
  --info: #176DB5;
  --info-bg: #E4F2FC;
  --art-image: url("/backgrounds/grid-light.svg");
  --art-zoom: 1.1; --art-fx: 0.5; --art-fy: 0.5;
}

/* Grid · Blue · dark */
[data-theme="grid"][data-mode="dark"] {
  --bg: #061E36;
  --surface-chrome: rgb(16 44 65 / 0.88);
  --surface-card: rgb(16 44 65 / 0.90);
  --surface-data: rgb(16 44 65 / 0.97);
  --surface-glass: rgb(16 44 65 / 0.80);
  --surface-thead: rgba(255,255,255,.05);
  --text-strong: #FFFFFF;
  --text-primary: #F4F8FB;
  --text-secondary: #B8C8D5;
  --text-muted: #8FA6B8;
  --border: #25475E;
  --border-soft: rgb(184 200 213 / .13);
  --action: #2F8FEA;
  --on-action: #03121F;
  --link: #88C7F6;
  --selected: rgba(47,143,234,.26);
  --focus-ring: rgb(47 143 234 / .32);
  --shadow: 0 1px 2px rgb(0 0 0 / .40), 0 14px 34px rgb(0 0 0 / .45);
  --success: #6FCDA0;
  --success-bg: rgba(35,122,80,.26);
  --warning: #F5B23C;
  --warning-bg: rgba(199,122,8,.26);
  --critical: #F5959C;
  --critical-bg: rgba(200,75,85,.26);
  --info: #88C7F6;
  --info-bg: rgba(23,109,181,.26);
  --art-image: url("/backgrounds/grid-dark.svg");
  --art-zoom: 1.1; --art-fx: 0.5; --art-fy: 0.5;
}

/* Prism · Blue · light */
[data-theme="prism"][data-mode="light"] {
  --bg: #FAFBFC;
  --surface-chrome: rgb(255 255 255 / 0.88);
  --surface-card: rgb(255 255 255 / 0.90);
  --surface-data: rgb(255 255 255 / 0.97);
  --surface-glass: rgb(255 255 255 / 0.80);
  --surface-thead: #EEF7FF;
  --text-strong: #0A3B69;
  --text-primary: #173A5E;
  --text-secondary: #5C7185;
  --text-muted: #7E91A2;
  --border: #D7E4EF;
  --border-soft: rgb(16 42 94 / .09);
  --action: #176DB5;
  --on-action: #FFFFFF;
  --link: #176DB5;
  --selected: #DCEEF9;
  --focus-ring: rgb(23 109 181 / .28);
  --shadow: 0 1px 2px rgb(16 42 94 / .06), 0 8px 24px rgb(16 42 94 / .08);
  --success: #237A50;
  --success-bg: #DFF5E8;
  --warning: #C77A08;
  --warning-bg: #FFF0D0;
  --critical: #C84B55;
  --critical-bg: #FDE7EA;
  --info: #176DB5;
  --info-bg: #E4F2FC;
  --art-image: url("/backgrounds/prism-light.svg");
  --art-zoom: 1.15; --art-fx: 0.35; --art-fy: 0.45;
}

/* Prism · Blue · dark */
[data-theme="prism"][data-mode="dark"] {
  --bg: #061E36;
  --surface-chrome: rgb(16 44 65 / 0.88);
  --surface-card: rgb(16 44 65 / 0.90);
  --surface-data: rgb(16 44 65 / 0.97);
  --surface-glass: rgb(16 44 65 / 0.80);
  --surface-thead: rgba(255,255,255,.05);
  --text-strong: #FFFFFF;
  --text-primary: #F4F8FB;
  --text-secondary: #B8C8D5;
  --text-muted: #8FA6B8;
  --border: #25475E;
  --border-soft: rgb(184 200 213 / .13);
  --action: #2F8FEA;
  --on-action: #03121F;
  --link: #88C7F6;
  --selected: rgba(47,143,234,.26);
  --focus-ring: rgb(47 143 234 / .32);
  --shadow: 0 1px 2px rgb(0 0 0 / .40), 0 14px 34px rgb(0 0 0 / .45);
  --success: #6FCDA0;
  --success-bg: rgba(35,122,80,.26);
  --warning: #F5B23C;
  --warning-bg: rgba(199,122,8,.26);
  --critical: #F5959C;
  --critical-bg: rgba(200,75,85,.26);
  --info: #88C7F6;
  --info-bg: rgba(23,109,181,.26);
  --art-image: url("/backgrounds/prism-dark.svg");
  --art-zoom: 1.15; --art-fx: 0.35; --art-fy: 0.45;
}

/* Field · Amber · light */
[data-theme="field"][data-mode="light"] {
  --bg: #FFFBF2;
  --surface-chrome: rgb(255 253 248 / 0.82);
  --surface-card: rgb(255 253 248 / 0.82);
  --surface-data: rgb(255 253 248 / 0.94);
  --surface-glass: rgb(255 253 248 / 0.72);
  --surface-thead: #FFF8E8;
  --text-strong: #0A3B69;
  --text-primary: #173A5E;
  --text-secondary: #5C7185;
  --text-muted: #7E91A2;
  --border: #FFEDC7;
  --border-soft: rgb(113 63 17 / .09);
  --action: #176DB5;
  --on-action: #FFFFFF;
  --link: #176DB5;
  --selected: #FFEDC7;
  --focus-ring: rgb(23 109 181 / .28);
  --shadow: 0 1px 2px rgb(113 63 17 / .06), 0 8px 24px rgb(113 63 17 / .08);
  --success: #237A50;
  --success-bg: #DFF5E8;
  --warning: #C77A08;
  --warning-bg: #FFF0D0;
  --critical: #C84B55;
  --critical-bg: #FDE7EA;
  --info: #176DB5;
  --info-bg: #E4F2FC;
  --art-image: url("/backgrounds/field-light.webp");
  --art-zoom: 1.15; --art-fx: 0.25; --art-fy: 0.3;
}

/* Field · Amber · dark */
[data-theme="field"][data-mode="dark"] {
  --bg: #1C1204;
  --surface-chrome: rgb(58 40 14 / 0.82);
  --surface-card: rgb(58 40 14 / 0.82);
  --surface-data: rgb(58 40 14 / 0.94);
  --surface-glass: rgb(58 40 14 / 0.72);
  --surface-thead: rgba(255,237,199,.06);
  --text-strong: #FFF8E8;
  --text-primary: #FFF8E8;
  --text-secondary: #D6BC8E;
  --text-muted: #A98F63;
  --border: rgba(255,218,138,.22);
  --border-soft: rgb(255 218 138 / .11);
  --action: #2F8FEA;
  --on-action: #03121F;
  --link: #FFC24D;
  --selected: rgba(247,166,26,.22);
  --focus-ring: rgb(47 143 234 / .32);
  --shadow: 0 1px 2px rgb(0 0 0 / .40), 0 14px 34px rgb(0 0 0 / .45);
  --success: #6FCDA0;
  --success-bg: rgba(35,122,80,.26);
  --warning: #F5B23C;
  --warning-bg: rgba(199,122,8,.26);
  --critical: #F5959C;
  --critical-bg: rgba(200,75,85,.26);
  --info: #88C7F6;
  --info-bg: rgba(23,109,181,.26);
  --art-image: url("/backgrounds/field-dark.webp");
  --art-zoom: 1.15; --art-fx: 0.25; --art-fy: 0.3;
}

/* Columns · Amber · light */
[data-theme="columns"][data-mode="light"] {
  --bg: #FFFBF2;
  --surface-chrome: rgb(255 253 248 / 0.88);
  --surface-card: rgb(255 253 248 / 0.90);
  --surface-data: rgb(255 253 248 / 0.97);
  --surface-glass: rgb(255 253 248 / 0.80);
  --surface-thead: #FFF8E8;
  --text-strong: #0A3B69;
  --text-primary: #173A5E;
  --text-secondary: #5C7185;
  --text-muted: #7E91A2;
  --border: #FFEDC7;
  --border-soft: rgb(113 63 17 / .09);
  --action: #176DB5;
  --on-action: #FFFFFF;
  --link: #176DB5;
  --selected: #FFEDC7;
  --focus-ring: rgb(23 109 181 / .28);
  --shadow: 0 1px 2px rgb(113 63 17 / .06), 0 8px 24px rgb(113 63 17 / .08);
  --success: #237A50;
  --success-bg: #DFF5E8;
  --warning: #C77A08;
  --warning-bg: #FFF0D0;
  --critical: #C84B55;
  --critical-bg: #FDE7EA;
  --info: #176DB5;
  --info-bg: #E4F2FC;
  --art-image: url("/backgrounds/columns-light.svg");
  --art-zoom: 1.2; --art-fx: 0.2; --art-fy: 0.5;
}

/* Columns · Amber · dark */
[data-theme="columns"][data-mode="dark"] {
  --bg: #1C1204;
  --surface-chrome: rgb(58 40 14 / 0.88);
  --surface-card: rgb(58 40 14 / 0.90);
  --surface-data: rgb(58 40 14 / 0.97);
  --surface-glass: rgb(58 40 14 / 0.80);
  --surface-thead: rgba(255,237,199,.06);
  --text-strong: #FFF8E8;
  --text-primary: #FFF8E8;
  --text-secondary: #D6BC8E;
  --text-muted: #A98F63;
  --border: rgba(255,218,138,.22);
  --border-soft: rgb(255 218 138 / .11);
  --action: #2F8FEA;
  --on-action: #03121F;
  --link: #FFC24D;
  --selected: rgba(247,166,26,.22);
  --focus-ring: rgb(47 143 234 / .32);
  --shadow: 0 1px 2px rgb(0 0 0 / .40), 0 14px 34px rgb(0 0 0 / .45);
  --success: #6FCDA0;
  --success-bg: rgba(35,122,80,.26);
  --warning: #F5B23C;
  --warning-bg: rgba(199,122,8,.26);
  --critical: #F5959C;
  --critical-bg: rgba(200,75,85,.26);
  --info: #88C7F6;
  --info-bg: rgba(23,109,181,.26);
  --art-image: url("/backgrounds/columns-dark.svg");
  --art-zoom: 1.2; --art-fx: 0.2; --art-fy: 0.5;
}

/* Glow · Amber · light */
[data-theme="glow"][data-mode="light"] {
  --bg: #FFFBF2;
  --surface-chrome: rgb(255 253 248 / 0.82);
  --surface-card: rgb(255 253 248 / 0.82);
  --surface-data: rgb(255 253 248 / 0.94);
  --surface-glass: rgb(255 253 248 / 0.72);
  --surface-thead: #FFF8E8;
  --text-strong: #0A3B69;
  --text-primary: #173A5E;
  --text-secondary: #5C7185;
  --text-muted: #7E91A2;
  --border: #FFEDC7;
  --border-soft: rgb(113 63 17 / .09);
  --action: #176DB5;
  --on-action: #FFFFFF;
  --link: #176DB5;
  --selected: #FFEDC7;
  --focus-ring: rgb(23 109 181 / .28);
  --shadow: 0 1px 2px rgb(113 63 17 / .06), 0 8px 24px rgb(113 63 17 / .08);
  --success: #237A50;
  --success-bg: #DFF5E8;
  --warning: #C77A08;
  --warning-bg: #FFF0D0;
  --critical: #C84B55;
  --critical-bg: #FDE7EA;
  --info: #176DB5;
  --info-bg: #E4F2FC;
  --art-image: url("/backgrounds/glow-light.svg");
  --art-zoom: 1.1; --art-fx: 0.3; --art-fy: 0.5;
}

/* Glow · Amber · dark */
[data-theme="glow"][data-mode="dark"] {
  --bg: #1C1204;
  --surface-chrome: rgb(58 40 14 / 0.82);
  --surface-card: rgb(58 40 14 / 0.82);
  --surface-data: rgb(58 40 14 / 0.94);
  --surface-glass: rgb(58 40 14 / 0.72);
  --surface-thead: rgba(255,237,199,.06);
  --text-strong: #FFF8E8;
  --text-primary: #FFF8E8;
  --text-secondary: #D6BC8E;
  --text-muted: #A98F63;
  --border: rgba(255,218,138,.22);
  --border-soft: rgb(255 218 138 / .11);
  --action: #2F8FEA;
  --on-action: #03121F;
  --link: #FFC24D;
  --selected: rgba(247,166,26,.22);
  --focus-ring: rgb(47 143 234 / .32);
  --shadow: 0 1px 2px rgb(0 0 0 / .40), 0 14px 34px rgb(0 0 0 / .45);
  --success: #6FCDA0;
  --success-bg: rgba(35,122,80,.26);
  --warning: #F5B23C;
  --warning-bg: rgba(199,122,8,.26);
  --critical: #F5959C;
  --critical-bg: rgba(200,75,85,.26);
  --info: #88C7F6;
  --info-bg: rgba(23,109,181,.26);
  --art-image: url("/backgrounds/glow-dark.svg");
  --art-zoom: 1.1; --art-fx: 0.3; --art-fy: 0.5;
}

/* Ridge · Amber · light */
[data-theme="ridge"][data-mode="light"] {
  --bg: #FFFBF2;
  --surface-chrome: rgb(255 253 248 / 0.88);
  --surface-card: rgb(255 253 248 / 0.90);
  --surface-data: rgb(255 253 248 / 0.97);
  --surface-glass: rgb(255 253 248 / 0.80);
  --surface-thead: #FFF8E8;
  --text-strong: #0A3B69;
  --text-primary: #173A5E;
  --text-secondary: #5C7185;
  --text-muted: #7E91A2;
  --border: #FFEDC7;
  --border-soft: rgb(113 63 17 / .09);
  --action: #176DB5;
  --on-action: #FFFFFF;
  --link: #176DB5;
  --selected: #FFEDC7;
  --focus-ring: rgb(23 109 181 / .28);
  --shadow: 0 1px 2px rgb(113 63 17 / .06), 0 8px 24px rgb(113 63 17 / .08);
  --success: #237A50;
  --success-bg: #DFF5E8;
  --warning: #C77A08;
  --warning-bg: #FFF0D0;
  --critical: #C84B55;
  --critical-bg: #FDE7EA;
  --info: #176DB5;
  --info-bg: #E4F2FC;
  --art-image: url("/backgrounds/ridge-light.svg");
  --art-zoom: 1.25; --art-fx: 0.75; --art-fy: 0.25;
}

/* Ridge · Amber · dark */
[data-theme="ridge"][data-mode="dark"] {
  --bg: #1C1204;
  --surface-chrome: rgb(58 40 14 / 0.88);
  --surface-card: rgb(58 40 14 / 0.90);
  --surface-data: rgb(58 40 14 / 0.97);
  --surface-glass: rgb(58 40 14 / 0.80);
  --surface-thead: rgba(255,237,199,.06);
  --text-strong: #FFF8E8;
  --text-primary: #FFF8E8;
  --text-secondary: #D6BC8E;
  --text-muted: #A98F63;
  --border: rgba(255,218,138,.22);
  --border-soft: rgb(255 218 138 / .11);
  --action: #2F8FEA;
  --on-action: #03121F;
  --link: #FFC24D;
  --selected: rgba(247,166,26,.22);
  --focus-ring: rgb(47 143 234 / .32);
  --shadow: 0 1px 2px rgb(0 0 0 / .40), 0 14px 34px rgb(0 0 0 / .45);
  --success: #6FCDA0;
  --success-bg: rgba(35,122,80,.26);
  --warning: #F5B23C;
  --warning-bg: rgba(199,122,8,.26);
  --critical: #F5959C;
  --critical-bg: rgba(200,75,85,.26);
  --info: #88C7F6;
  --info-bg: rgba(23,109,181,.26);
  --art-image: url("/backgrounds/ridge-dark.svg");
  --art-zoom: 1.25; --art-fx: 0.75; --art-fy: 0.25;
}