/* GENERATED by brand/src/make-themes.py from vg-brand.css + themes.json - do not edit by hand.
   Each theme is html[data-vg="<id>"] (set by the patched theme switcher); stock themes are untouched. */

/* VGAi Blue */
html.dark[data-vg="vgai-blue"] {
  --surface-primary: 11 26 46;
  --surface-primary-alt: 13 30 52;
  --surface-primary-contrast: 15 36 64;
  --surface-secondary: 15 36 64;
  --surface-secondary-alt: 15 36 64;
  --surface-tertiary: 21 48 79;
  --surface-tertiary-alt: 21 48 79;
  --surface-chat: 21 48 79;
  --surface-dialog: 13 32 56;
  --surface-hover: 29 60 96;
  --surface-hover-alt: 34 68 106;
  --surface-composer-hover: 29 60 96;
  --surface-active: 40 75 116;
  --surface-active-alt: 29 60 96;
  --header-primary: 15 36 64;
  --header-hover: 29 60 96;
  --header-button-hover: 29 60 96;
  --presentation: 13 30 52;
  --border-light: 29 60 96;
  --border-medium: 40 75 116;
  --border-medium-alt: 40 75 116;
  --border-heavy: 58 96 140;
  --border-xheavy: 90 125 165;
  --accent-primary: 91 180 255;
  --accent-primary-hover: 130 200 255;
  --surface-submit: 47 127 209;
  --surface-submit-hover: 70 150 230;
  --link: 130 200 255;
  --link-hover: 170 215 255;
  --ring-primary: 91 180 255;
  --brand-purple: 91 180 255;
  --text-primary: 236 241 247;
  --text-secondary: 196 208 222;
  --text-secondary-alt: 160 177 198;
  --text-tertiary: 160 177 198;
}
html[data-vg="vgai-blue"] ::selection { background: rgb(91 162 255 / 0.35); }

/* Light blue */
html.light[data-vg="vg-blue-light"] {
  --surface-secondary: 244 247 251;
  --surface-primary-alt: 244 247 251;
  --surface-hover: 230 237 245;
  --surface-active: 222 231 242;
  --surface-active-alt: 210 223 237;
  --text-primary: 15 38 64;
  --text-secondary: 52 75 102;
  --accent-primary: 47 123 209;
  --accent-primary-hover: 23 87 160;
  --surface-submit: 47 123 209;
  --surface-submit-hover: 23 87 160;
  --link: 31 106 192;
  --link-hover: 23 87 160;
  --ring-primary: 47 123 209;
  --brand-purple: 47 123 209;
}
html[data-vg="vg-blue-light"] ::selection { background: rgb(91 168 255 / 0.35); }

/* Dark red */
html.dark[data-vg="vg-red-dark"] {
  --surface-primary: 46 11 13;
  --surface-primary-alt: 52 13 16;
  --surface-primary-contrast: 64 15 18;
  --surface-secondary: 64 15 18;
  --surface-secondary-alt: 64 15 18;
  --surface-tertiary: 79 21 25;
  --surface-tertiary-alt: 79 21 25;
  --surface-chat: 79 21 25;
  --surface-dialog: 56 13 16;
  --surface-hover: 96 29 33;
  --surface-hover-alt: 106 34 39;
  --surface-composer-hover: 96 29 33;
  --surface-active: 116 40 45;
  --surface-active-alt: 96 29 33;
  --header-primary: 64 15 18;
  --header-hover: 96 29 33;
  --header-button-hover: 96 29 33;
  --presentation: 52 13 16;
  --border-light: 96 29 33;
  --border-medium: 116 40 45;
  --border-medium-alt: 116 40 45;
  --border-heavy: 140 58 63;
  --border-xheavy: 165 90 95;
  --accent-primary: 255 91 102;
  --accent-primary-hover: 255 130 138;
  --surface-submit: 209 47 58;
  --surface-submit-hover: 230 70 81;
  --link: 255 130 138;
  --link-hover: 255 170 176;
  --ring-primary: 255 91 102;
  --brand-purple: 255 91 102;
  --text-primary: 247 236 237;
  --text-secondary: 222 196 198;
  --text-secondary-alt: 198 160 163;
  --text-tertiary: 198 160 163;
}
html[data-vg="vg-red-dark"] ::selection { background: rgb(255 91 102 / 0.35); }

/* Light red */
html.light[data-vg="vg-red-light"] {
  --surface-secondary: 251 244 244;
  --surface-primary-alt: 251 244 244;
  --surface-hover: 245 230 231;
  --surface-active: 242 222 223;
  --surface-active-alt: 237 210 212;
  --text-primary: 64 15 18;
  --text-secondary: 102 52 55;
  --accent-primary: 209 47 58;
  --accent-primary-hover: 160 23 32;
  --surface-submit: 209 47 58;
  --surface-submit-hover: 160 23 32;
  --link: 192 31 42;
  --link-hover: 160 23 32;
  --ring-primary: 209 47 58;
  --brand-purple: 209 47 58;
}
html[data-vg="vg-red-light"] ::selection { background: rgb(255 91 102 / 0.35); }

/* Dark orange */
html.dark[data-vg="vg-orange-dark"] {
  --surface-primary: 46 25 11;
  --surface-primary-alt: 52 29 13;
  --surface-primary-contrast: 64 35 15;
  --surface-secondary: 64 35 15;
  --surface-secondary-alt: 64 35 15;
  --surface-tertiary: 79 44 21;
  --surface-tertiary-alt: 79 44 21;
  --surface-chat: 79 44 21;
  --surface-dialog: 56 30 13;
  --surface-hover: 96 56 29;
  --surface-hover-alt: 106 63 34;
  --surface-composer-hover: 96 56 29;
  --surface-active: 116 70 40;
  --surface-active-alt: 96 56 29;
  --header-primary: 64 35 15;
  --header-hover: 96 56 29;
  --header-button-hover: 96 56 29;
  --presentation: 52 29 13;
  --border-light: 96 56 29;
  --border-medium: 116 70 40;
  --border-medium-alt: 116 70 40;
  --border-heavy: 140 91 58;
  --border-xheavy: 165 120 90;
  --accent-primary: 255 157 91;
  --accent-primary-hover: 255 180 130;
  --surface-submit: 209 112 47;
  --surface-submit-hover: 230 134 70;
  --link: 255 180 130;
  --link-hover: 255 204 170;
  --ring-primary: 255 157 91;
  --brand-purple: 255 157 91;
  --text-primary: 247 240 236;
  --text-secondary: 222 206 196;
  --text-secondary-alt: 198 175 160;
  --text-tertiary: 198 175 160;
}
html[data-vg="vg-orange-dark"] ::selection { background: rgb(255 157 91 / 0.35); }

/* Light orange */
html.light[data-vg="vg-orange-light"] {
  --surface-secondary: 251 247 244;
  --surface-primary-alt: 251 247 244;
  --surface-hover: 245 236 230;
  --surface-active: 242 230 222;
  --surface-active-alt: 237 221 210;
  --text-primary: 64 35 15;
  --text-secondary: 102 72 52;
  --accent-primary: 209 112 47;
  --accent-primary-hover: 160 78 23;
  --surface-submit: 209 112 47;
  --surface-submit-hover: 160 78 23;
  --link: 192 95 31;
  --link-hover: 160 78 23;
  --ring-primary: 209 112 47;
  --brand-purple: 209 112 47;
}
html[data-vg="vg-orange-light"] ::selection { background: rgb(255 157 91 / 0.35); }

/* Dark gold */
html.dark[data-vg="vg-gold-dark"] {
  --surface-primary: 46 37 11;
  --surface-primary-alt: 52 42 13;
  --surface-primary-contrast: 64 51 15;
  --surface-secondary: 64 51 15;
  --surface-secondary-alt: 64 51 15;
  --surface-tertiary: 79 64 21;
  --surface-tertiary-alt: 79 64 21;
  --surface-chat: 79 64 21;
  --surface-dialog: 56 45 13;
  --surface-hover: 96 78 29;
  --surface-hover-alt: 106 87 34;
  --surface-composer-hover: 96 78 29;
  --surface-active: 116 96 40;
  --surface-active-alt: 96 78 29;
  --header-primary: 64 51 15;
  --header-hover: 96 78 29;
  --header-button-hover: 96 78 29;
  --presentation: 52 42 13;
  --border-light: 96 78 29;
  --border-medium: 116 96 40;
  --border-medium-alt: 116 96 40;
  --border-heavy: 140 118 58;
  --border-xheavy: 165 145 90;
  --accent-primary: 255 211 91;
  --accent-primary-hover: 255 222 130;
  --surface-submit: 209 166 47;
  --surface-submit-hover: 230 187 70;
  --link: 255 222 130;
  --link-hover: 255 232 170;
  --ring-primary: 255 211 91;
  --brand-purple: 255 211 91;
  --text-primary: 247 244 236;
  --text-secondary: 222 215 196;
  --text-secondary-alt: 198 188 160;
  --text-tertiary: 198 188 160;
}
html[data-vg="vg-gold-dark"] ::selection { background: rgb(255 211 91 / 0.35); }

/* Light gold */
html.light[data-vg="vg-gold-light"] {
  --surface-secondary: 251 249 244;
  --surface-primary-alt: 251 249 244;
  --surface-hover: 245 241 230;
  --surface-active: 242 237 222;
  --surface-active-alt: 237 230 210;
  --text-primary: 64 51 15;
  --text-secondary: 102 89 52;
  --accent-primary: 209 166 47;
  --accent-primary-hover: 160 123 23;
  --surface-submit: 209 166 47;
  --surface-submit-hover: 160 123 23;
  --link: 192 149 31;
  --link-hover: 160 123 23;
  --ring-primary: 209 166 47;
  --brand-purple: 209 166 47;
}
html[data-vg="vg-gold-light"] ::selection { background: rgb(255 211 91 / 0.35); }

/* Dark green */
html.dark[data-vg="vg-green-dark"] {
  --surface-primary: 11 46 26;
  --surface-primary-alt: 13 52 29;
  --surface-primary-contrast: 15 64 35;
  --surface-secondary: 15 64 35;
  --surface-secondary-alt: 15 64 35;
  --surface-tertiary: 21 79 45;
  --surface-tertiary-alt: 21 79 45;
  --surface-chat: 21 79 45;
  --surface-dialog: 13 56 31;
  --surface-hover: 29 96 57;
  --surface-hover-alt: 34 106 64;
  --surface-composer-hover: 29 96 57;
  --surface-active: 40 116 72;
  --surface-active-alt: 29 96 57;
  --header-primary: 15 64 35;
  --header-hover: 29 96 57;
  --header-button-hover: 29 96 57;
  --presentation: 13 52 29;
  --border-light: 29 96 57;
  --border-medium: 40 116 72;
  --border-medium-alt: 40 116 72;
  --border-heavy: 58 140 92;
  --border-xheavy: 90 165 121;
  --accent-primary: 91 255 159;
  --accent-primary-hover: 130 255 182;
  --surface-submit: 47 209 115;
  --surface-submit-hover: 70 230 137;
  --link: 130 255 182;
  --link-hover: 170 255 205;
  --ring-primary: 91 255 159;
  --brand-purple: 91 255 159;
  --text-primary: 236 247 241;
  --text-secondary: 196 222 207;
  --text-secondary-alt: 160 198 176;
  --text-tertiary: 160 198 176;
}
html[data-vg="vg-green-dark"] ::selection { background: rgb(91 255 159 / 0.35); }

/* Light green */
html.light[data-vg="vg-green-light"] {
  --surface-secondary: 244 251 247;
  --surface-primary-alt: 244 251 247;
  --surface-hover: 230 245 236;
  --surface-active: 222 242 230;
  --surface-active-alt: 210 237 221;
  --text-primary: 15 64 35;
  --text-secondary: 52 102 73;
  --accent-primary: 47 209 115;
  --accent-primary-hover: 23 160 80;
  --surface-submit: 47 209 115;
  --surface-submit-hover: 23 160 80;
  --link: 31 192 98;
  --link-hover: 23 160 80;
  --ring-primary: 47 209 115;
  --brand-purple: 47 209 115;
}
html[data-vg="vg-green-light"] ::selection { background: rgb(91 255 159 / 0.35); }

/* Dark teal */
html.dark[data-vg="vg-teal-dark"] {
  --surface-primary: 11 46 46;
  --surface-primary-alt: 13 52 52;
  --surface-primary-contrast: 15 64 64;
  --surface-secondary: 15 64 64;
  --surface-secondary-alt: 15 64 64;
  --surface-tertiary: 21 79 79;
  --surface-tertiary-alt: 21 79 79;
  --surface-chat: 21 79 79;
  --surface-dialog: 13 56 56;
  --surface-hover: 29 96 96;
  --surface-hover-alt: 34 106 106;
  --surface-composer-hover: 29 96 96;
  --surface-active: 40 116 116;
  --surface-active-alt: 29 96 96;
  --header-primary: 15 64 64;
  --header-hover: 29 96 96;
  --header-button-hover: 29 96 96;
  --presentation: 13 52 52;
  --border-light: 29 96 96;
  --border-medium: 40 116 116;
  --border-medium-alt: 40 116 116;
  --border-heavy: 58 140 140;
  --border-xheavy: 90 165 165;
  --accent-primary: 91 255 255;
  --accent-primary-hover: 130 255 255;
  --surface-submit: 47 209 209;
  --surface-submit-hover: 70 230 230;
  --link: 130 255 255;
  --link-hover: 170 255 255;
  --ring-primary: 91 255 255;
  --brand-purple: 91 255 255;
  --text-primary: 236 247 247;
  --text-secondary: 196 222 222;
  --text-secondary-alt: 160 198 198;
  --text-tertiary: 160 198 198;
}
html[data-vg="vg-teal-dark"] ::selection { background: rgb(91 255 255 / 0.35); }

/* Light teal */
html.light[data-vg="vg-teal-light"] {
  --surface-secondary: 244 251 251;
  --surface-primary-alt: 244 251 251;
  --surface-hover: 230 245 245;
  --surface-active: 222 242 242;
  --surface-active-alt: 210 237 237;
  --text-primary: 15 64 64;
  --text-secondary: 52 102 102;
  --accent-primary: 47 209 209;
  --accent-primary-hover: 23 160 160;
  --surface-submit: 47 209 209;
  --surface-submit-hover: 23 160 160;
  --link: 31 192 192;
  --link-hover: 23 160 160;
  --ring-primary: 47 209 209;
  --brand-purple: 47 209 209;
}
html[data-vg="vg-teal-light"] ::selection { background: rgb(91 255 255 / 0.35); }

/* Dark purple */
html.dark[data-vg="vg-purple-dark"] {
  --surface-primary: 27 11 46;
  --surface-primary-alt: 31 13 52;
  --surface-primary-contrast: 38 15 64;
  --surface-secondary: 38 15 64;
  --surface-secondary-alt: 38 15 64;
  --surface-tertiary: 48 21 79;
  --surface-tertiary-alt: 48 21 79;
  --surface-chat: 48 21 79;
  --surface-dialog: 33 13 56;
  --surface-hover: 60 29 96;
  --surface-hover-alt: 68 34 106;
  --surface-composer-hover: 60 29 96;
  --surface-active: 75 40 116;
  --surface-active-alt: 60 29 96;
  --header-primary: 38 15 64;
  --header-hover: 60 29 96;
  --header-button-hover: 60 29 96;
  --presentation: 31 13 52;
  --border-light: 60 29 96;
  --border-medium: 75 40 116;
  --border-medium-alt: 75 40 116;
  --border-heavy: 96 58 140;
  --border-xheavy: 125 90 165;
  --accent-primary: 168 91 255;
  --accent-primary-hover: 188 130 255;
  --surface-submit: 123 47 209;
  --surface-submit-hover: 145 70 230;
  --link: 188 130 255;
  --link-hover: 210 170 255;
  --ring-primary: 168 91 255;
  --brand-purple: 168 91 255;
  --text-primary: 241 236 247;
  --text-secondary: 208 196 222;
  --text-secondary-alt: 178 160 198;
  --text-tertiary: 178 160 198;
}
html[data-vg="vg-purple-dark"] ::selection { background: rgb(168 91 255 / 0.35); }

/* Light purple */
html.light[data-vg="vg-purple-light"] {
  --surface-secondary: 247 244 251;
  --surface-primary-alt: 247 244 251;
  --surface-hover: 237 230 245;
  --surface-active: 231 222 242;
  --surface-active-alt: 223 210 237;
  --text-primary: 38 15 64;
  --text-secondary: 75 52 102;
  --accent-primary: 123 47 209;
  --accent-primary-hover: 87 23 160;
  --surface-submit: 123 47 209;
  --surface-submit-hover: 87 23 160;
  --link: 106 31 192;
  --link-hover: 87 23 160;
  --ring-primary: 123 47 209;
  --brand-purple: 123 47 209;
}
html[data-vg="vg-purple-light"] ::selection { background: rgb(168 91 255 / 0.35); }

/* Dark pink */
html.dark[data-vg="vg-pink-dark"] {
  --surface-primary: 46 11 30;
  --surface-primary-alt: 52 13 34;
  --surface-primary-contrast: 64 15 41;
  --surface-secondary: 64 15 41;
  --surface-secondary-alt: 64 15 41;
  --surface-tertiary: 79 21 52;
  --surface-tertiary-alt: 79 21 52;
  --surface-chat: 79 21 52;
  --surface-dialog: 56 13 36;
  --surface-hover: 96 29 65;
  --surface-hover-alt: 106 34 72;
  --surface-composer-hover: 96 29 65;
  --surface-active: 116 40 81;
  --surface-active-alt: 96 29 65;
  --header-primary: 64 15 41;
  --header-hover: 96 29 65;
  --header-button-hover: 96 29 65;
  --presentation: 52 13 34;
  --border-light: 96 29 65;
  --border-medium: 116 40 81;
  --border-medium-alt: 116 40 81;
  --border-heavy: 140 58 102;
  --border-xheavy: 165 90 130;
  --accent-primary: 255 91 178;
  --accent-primary-hover: 255 130 197;
  --surface-submit: 209 47 133;
  --surface-submit-hover: 230 70 155;
  --link: 255 130 197;
  --link-hover: 255 170 215;
  --ring-primary: 255 91 178;
  --brand-purple: 255 91 178;
  --text-primary: 247 236 242;
  --text-secondary: 222 196 210;
  --text-secondary-alt: 198 160 180;
  --text-tertiary: 198 160 180;
}
html[data-vg="vg-pink-dark"] ::selection { background: rgb(255 91 178 / 0.35); }

/* Light pink */
html.light[data-vg="vg-pink-light"] {
  --surface-secondary: 251 244 248;
  --surface-primary-alt: 251 244 248;
  --surface-hover: 245 230 238;
  --surface-active: 242 222 233;
  --surface-active-alt: 237 210 224;
  --text-primary: 64 15 41;
  --text-secondary: 102 52 79;
  --accent-primary: 209 47 133;
  --accent-primary-hover: 160 23 96;
  --surface-submit: 209 47 133;
  --surface-submit-hover: 160 23 96;
  --link: 192 31 117;
  --link-hover: 160 23 96;
  --ring-primary: 209 47 133;
  --brand-purple: 209 47 133;
}
html[data-vg="vg-pink-light"] ::selection { background: rgb(255 91 178 / 0.35); }
html:not(.dark) img[src*="vgai-agent-icon"] { content: url("/assets/vgai-agent-icon-light.png?v=3"); }
img[src*="vgai-agent-icon"] { background: transparent !important; }