/* Generated by scripts/generate_skin_tokens.py */
html[data-skin] {
    --border-color: var(--border); --bg-card-hover: var(--bg-input);
    --bg-glass: var(--bg-card); --bg-overlay: var(--overlay);
    --accent-grad: linear-gradient(var(--accent), var(--accent));
    --accent-grad-soft: linear-gradient(var(--accent-soft), var(--accent-soft));
    --bubble-ai-border: var(--border-light); --bubble-other-border: var(--border-light);
}
html[data-skin="clear"]:not([data-theme="dark"]) {
    --bg: #F5F7FA;
    --bg-card: #FFFFFF;
    --bg-input: #F1F4F8;
    --bg-tertiary: #EEF1F6;
    --bg-emphasis: #E1E7EF;
    --bg-scrim: #0F172A66;
    --text-primary: #253044;
    --text-secondary: #526176;
    --text-muted: #65758B;
    --border: #DFE5ED;
    --border-light: #E9EDF3;
    --accent: #4367DC;
    --ic-launcher-bg: #6366F1;
    --accent-hover: #3454BA;
    --accent-soft: #EDF1FF;
    --accent-2: #4367DC;
    --on-accent: #FFFFFF;
    --green: #10B981;
    --green-soft: #E9FBF3;
    --blue: #3B82F6;
    --blue-soft: #EDF4FF;
    --red: #EF4444;
    --red-soft: #FEF0F0;
    --orange: #F59E0B;
    --orange-soft: #FFF8E6;
    --pink: #EC4899;
    --cyan: #06B6D4;
    --bubble-ai-bg: #F3F5F8;
    --bubble-other-bg: #F1F5F4;
    --white: #FFFFFF;
    --overlay: #0F172A66;
    --bubble-user-bg: #EDF1FF;
    --bubble-user-text: #253044;
    --border-color: var(--border);
    --bg-card-hover: var(--bg-input);
    --bg-glass: var(--bg-card);
    --bg-overlay: var(--overlay);
    --accent-grad: linear-gradient(var(--accent), var(--accent));
    --accent-grad-soft: linear-gradient(var(--accent-soft), var(--accent-soft));
    --bubble-ai-border: var(--border-light);
    --bubble-other-border: var(--border-light);
}
html[data-skin="clear"][data-theme="dark"] {
    --bg: #141B25;
    --bg-card: #1C2532;
    --bg-input: #253142;
    --bg-tertiary: #202C3B;
    --bg-emphasis: #334357;
    --bg-scrim: #00000099;
    --text-primary: #E5EBF4;
    --text-secondary: #B2BED0;
    --text-muted: #93A3B9;
    --border: #3A485D;
    --border-light: #303D51;
    --accent: #8FA8FF;
    --ic-launcher-bg: #6366F1;
    --accent-hover: #B4C4FF;
    --accent-soft: #2C3C63;
    --accent-2: #8FA8FF;
    --on-accent: #172239;
    --green: #10B981;
    --green-soft: #12291F;
    --blue: #3B82F6;
    --blue-soft: #152239;
    --red: #EF4444;
    --red-soft: #33191B;
    --orange: #F59E0B;
    --orange-soft: #2E2410;
    --pink: #EC4899;
    --cyan: #06B6D4;
    --bubble-ai-bg: #253142;
    --bubble-other-bg: #213631;
    --white: #FFFFFF;
    --overlay: #00000099;
    --bubble-user-bg: #2C3C63;
    --bubble-user-text: #E5EBF4;
    --border-color: var(--border);
    --bg-card-hover: var(--bg-input);
    --bg-glass: var(--bg-card);
    --bg-overlay: var(--overlay);
    --accent-grad: linear-gradient(var(--accent), var(--accent));
    --accent-grad-soft: linear-gradient(var(--accent-soft), var(--accent-soft));
    --bubble-ai-border: var(--border-light);
    --bubble-other-border: var(--border-light);
}
html[data-skin="paper"]:not([data-theme="dark"]) {
    --bg: #F5F0E6;
    --bg-card: #FFFCF4;
    --bg-input: #EEE7D8;
    --bg-tertiary: #E8DFCF;
    --bg-emphasis: #D7CCBA;
    --bg-scrim: #0F172A66;
    --text-primary: #372F26;
    --text-secondary: #695C4C;
    --text-muted: #776B5B;
    --border: #D9D0C0;
    --border-light: #E8E0D2;
    --accent: #866044;
    --ic-launcher-bg: #6366F1;
    --accent-hover: #67472F;
    --accent-soft: #F1E5D4;
    --accent-2: #866044;
    --on-accent: #FFFFFF;
    --green: #10B981;
    --green-soft: #E9FBF3;
    --blue: #3B82F6;
    --blue-soft: #EDF4FF;
    --red: #EF4444;
    --red-soft: #FEF0F0;
    --orange: #F59E0B;
    --orange-soft: #FFF8E6;
    --pink: #EC4899;
    --cyan: #06B6D4;
    --bubble-ai-bg: #EEE7D8;
    --bubble-other-bg: #E8DFCF;
    --white: #FFFFFF;
    --overlay: #0F172A66;
    --bubble-user-bg: #F0E8D9;
    --bubble-user-text: #372F26;
}
html[data-skin="paper"][data-theme="dark"] {
    --bg: #211E19;
    --bg-card: #2B2721;
    --bg-input: #352F27;
    --bg-tertiary: #302B24;
    --bg-emphasis: #4C4135;
    --bg-scrim: #00000099;
    --text-primary: #EEE5D7;
    --text-secondary: #C5B8A5;
    --text-muted: #AD9E8A;
    --border: #544839;
    --border-light: #40382D;
    --accent: #D9B18B;
    --ic-launcher-bg: #6366F1;
    --accent-hover: #EBCDB0;
    --accent-soft: #44362A;
    --accent-2: #D9B18B;
    --on-accent: #211E19;
    --green: #10B981;
    --green-soft: #12291F;
    --blue: #3B82F6;
    --blue-soft: #152239;
    --red: #EF4444;
    --red-soft: #33191B;
    --orange: #F59E0B;
    --orange-soft: #2E2410;
    --pink: #EC4899;
    --cyan: #06B6D4;
    --bubble-ai-bg: #352F27;
    --bubble-other-bg: #302B24;
    --white: #FFFFFF;
    --overlay: #00000099;
    --bubble-user-bg: #3A3025;
    --bubble-user-text: #EEE5D7;
}
html[data-skin="theatre"]:not([data-theme="dark"]) {
    --bg: #EEF0F6;
    --bg-card: #FFFFFF;
    --bg-input: #E8EBF3;
    --bg-tertiary: #E2E6F0;
    --bg-emphasis: #D2D9E8;
    --bg-scrim: #0F172A66;
    --text-primary: #242C42;
    --text-secondary: #56617C;
    --text-muted: #67718A;
    --border: #CFD6E6;
    --border-light: #E1E6F0;
    --accent: #6D4EBB;
    --ic-launcher-bg: #6366F1;
    --accent-hover: #52348F;
    --accent-soft: #EEE7FA;
    --accent-2: #6D4EBB;
    --on-accent: #FFFFFF;
    --green: #10B981;
    --green-soft: #E9FBF3;
    --blue: #3B82F6;
    --blue-soft: #EDF4FF;
    --red: #EF4444;
    --red-soft: #FEF0F0;
    --orange: #F59E0B;
    --orange-soft: #FFF8E6;
    --pink: #EC4899;
    --cyan: #06B6D4;
    --bubble-ai-bg: #E8EBF3;
    --bubble-other-bg: #E2E6F0;
    --white: #FFFFFF;
    --overlay: #0F172A66;
    --bubble-user-bg: #EBE5F8;
    --bubble-user-text: #242C42;
}
html[data-skin="theatre"][data-theme="dark"] {
    --bg: #121522;
    --bg-card: #1C2032;
    --bg-input: #272C41;
    --bg-tertiary: #22283B;
    --bg-emphasis: #394159;
    --bg-scrim: #00000099;
    --text-primary: #ECEAF4;
    --text-secondary: #B9BDD4;
    --text-muted: #979FBE;
    --border: #414A68;
    --border-light: #303A52;
    --accent: #B49CE8;
    --ic-launcher-bg: #6366F1;
    --accent-hover: #D0BCFF;
    --accent-soft: #352C4D;
    --accent-2: #B49CE8;
    --on-accent: #171222;
    --green: #10B981;
    --green-soft: #12291F;
    --blue: #3B82F6;
    --blue-soft: #152239;
    --red: #EF4444;
    --red-soft: #33191B;
    --orange: #F59E0B;
    --orange-soft: #2E2410;
    --pink: #EC4899;
    --cyan: #06B6D4;
    --bubble-ai-bg: #272C41;
    --bubble-other-bg: #22283B;
    --white: #FFFFFF;
    --overlay: #00000099;
    --bubble-user-bg: #312942;
    --bubble-user-text: #ECEAF4;
}
html[data-skin="social"]:not([data-theme="dark"]) {
    --bg: #F3F7F7;
    --bg-card: #FFFFFF;
    --bg-input: #EAF2F1;
    --bg-tertiary: #E2EEEB;
    --bg-emphasis: #C9DFD9;
    --bg-scrim: #0F172A66;
    --text-primary: #183C38;
    --text-secondary: #4B6B65;
    --text-muted: #5B7872;
    --border: #CDDED9;
    --border-light: #E3EEEA;
    --accent: #167C69;
    --ic-launcher-bg: #6366F1;
    --accent-hover: #09634F;
    --accent-soft: #DFF2EC;
    --accent-2: #167C69;
    --on-accent: #FFFFFF;
    --green: #10B981;
    --green-soft: #E9FBF3;
    --blue: #3B82F6;
    --blue-soft: #EDF4FF;
    --red: #EF4444;
    --red-soft: #FEF0F0;
    --orange: #F59E0B;
    --orange-soft: #FFF8E6;
    --pink: #EC4899;
    --cyan: #06B6D4;
    --bubble-ai-bg: #EAF2F1;
    --bubble-other-bg: #E2EEEB;
    --white: #FFFFFF;
    --overlay: #0F172A66;
    --bubble-user-bg: #DDF1E9;
    --bubble-user-text: #183C38;
}
html[data-skin="social"][data-theme="dark"] {
    --bg: #112622;
    --bg-card: #1B332D;
    --bg-input: #254039;
    --bg-tertiary: #203A33;
    --bg-emphasis: #385950;
    --bg-scrim: #00000099;
    --text-primary: #E4F3EC;
    --text-secondary: #ADCBC0;
    --text-muted: #92B6A8;
    --border: #3F6054;
    --border-light: #2C4B41;
    --accent: #7DD3B5;
    --ic-launcher-bg: #6366F1;
    --accent-hover: #ADE8D0;
    --accent-soft: #244F40;
    --accent-2: #7DD3B5;
    --on-accent: #112A22;
    --green: #10B981;
    --green-soft: #12291F;
    --blue: #3B82F6;
    --blue-soft: #152239;
    --red: #EF4444;
    --red-soft: #33191B;
    --orange: #F59E0B;
    --orange-soft: #2E2410;
    --pink: #EC4899;
    --cyan: #06B6D4;
    --bubble-ai-bg: #254039;
    --bubble-other-bg: #203A33;
    --white: #FFFFFF;
    --overlay: #00000099;
    --bubble-user-bg: #285141;
    --bubble-user-text: #E4F3EC;
}
html[data-skin="editorial"]:not([data-theme="dark"]) {
    --bg: #F3F1EF;
    --bg-card: #FFFFFF;
    --bg-input: #ECE8E3;
    --bg-tertiary: #E5E0D9;
    --bg-emphasis: #D9D1C6;
    --bg-scrim: #0F172A66;
    --text-primary: #302B28;
    --text-secondary: #685E55;
    --text-muted: #776B60;
    --border: #D9D0C5;
    --border-light: #E8E1D9;
    --accent: #A64832;
    --ic-launcher-bg: #6366F1;
    --accent-hover: #863421;
    --accent-soft: #F7E7DF;
    --accent-2: #A64832;
    --on-accent: #FFFFFF;
    --green: #10B981;
    --green-soft: #E9FBF3;
    --blue: #3B82F6;
    --blue-soft: #EDF4FF;
    --red: #EF4444;
    --red-soft: #FEF0F0;
    --orange: #F59E0B;
    --orange-soft: #FFF8E6;
    --pink: #EC4899;
    --cyan: #06B6D4;
    --bubble-ai-bg: #ECE8E3;
    --bubble-other-bg: #E5E0D9;
    --white: #FFFFFF;
    --overlay: #0F172A66;
    --bubble-user-bg: #F3E7DF;
    --bubble-user-text: #302B28;
}
html[data-skin="editorial"][data-theme="dark"] {
    --bg: #211B1A;
    --bg-card: #2D2522;
    --bg-input: #392E2A;
    --bg-tertiary: #332824;
    --bg-emphasis: #4C3B34;
    --bg-scrim: #00000099;
    --text-primary: #F2E6DE;
    --text-secondary: #CFB8AA;
    --text-muted: #B59C8D;
    --border: #604B40;
    --border-light: #49372E;
    --accent: #EEAA8B;
    --ic-launcher-bg: #6366F1;
    --accent-hover: #FFC5A8;
    --accent-soft: #53362A;
    --accent-2: #EEAA8B;
    --on-accent: #241A16;
    --green: #10B981;
    --green-soft: #12291F;
    --blue: #3B82F6;
    --blue-soft: #152239;
    --red: #EF4444;
    --red-soft: #33191B;
    --orange: #F59E0B;
    --orange-soft: #2E2410;
    --pink: #EC4899;
    --cyan: #06B6D4;
    --bubble-ai-bg: #392E2A;
    --bubble-other-bg: #332824;
    --white: #FFFFFF;
    --overlay: #00000099;
    --bubble-user-bg: #473025;
    --bubble-user-text: #F2E6DE;
}
html[data-skin="console"]:not([data-theme="dark"]) {
    --bg: #EFF4F5;
    --bg-card: #FFFFFF;
    --bg-input: #E4ECEE;
    --bg-tertiary: #DBE6E9;
    --bg-emphasis: #C3D6DB;
    --bg-scrim: #0F172A66;
    --text-primary: #213A42;
    --text-secondary: #4B666E;
    --text-muted: #607A81;
    --border: #C9DADD;
    --border-light: #DCE7EA;
    --accent: #146D7A;
    --ic-launcher-bg: #6366F1;
    --accent-hover: #0B5562;
    --accent-soft: #DFF0F2;
    --accent-2: #146D7A;
    --on-accent: #FFFFFF;
    --green: #10B981;
    --green-soft: #E9FBF3;
    --blue: #3B82F6;
    --blue-soft: #EDF4FF;
    --red: #EF4444;
    --red-soft: #FEF0F0;
    --orange: #F59E0B;
    --orange-soft: #FFF8E6;
    --pink: #EC4899;
    --cyan: #06B6D4;
    --bubble-ai-bg: #E4ECEE;
    --bubble-other-bg: #DBE6E9;
    --white: #FFFFFF;
    --overlay: #0F172A66;
    --bubble-user-bg: #DCECF0;
    --bubble-user-text: #213A42;
}
html[data-skin="console"][data-theme="dark"] {
    --bg: #162126;
    --bg-card: #1E2D33;
    --bg-input: #283B42;
    --bg-tertiary: #24353B;
    --bg-emphasis: #39525B;
    --bg-scrim: #00000099;
    --text-primary: #DFECEE;
    --text-secondary: #A8C2C8;
    --text-muted: #8CAEB6;
    --border: #3D5962;
    --border-light: #30474F;
    --accent: #7CC7CC;
    --ic-launcher-bg: #6366F1;
    --accent-hover: #AAE4E7;
    --accent-soft: #254C51;
    --accent-2: #7CC7CC;
    --on-accent: #122C30;
    --green: #10B981;
    --green-soft: #12291F;
    --blue: #3B82F6;
    --blue-soft: #152239;
    --red: #EF4444;
    --red-soft: #33191B;
    --orange: #F59E0B;
    --orange-soft: #2E2410;
    --pink: #EC4899;
    --cyan: #06B6D4;
    --bubble-ai-bg: #283B42;
    --bubble-other-bg: #24353B;
    --white: #FFFFFF;
    --overlay: #00000099;
    --bubble-user-bg: #28474C;
    --bubble-user-text: #DFECEE;
}