/*TEMA BLU*/

:root {
    --rgb-typography-title: 255, 255, 255;
    --rgb-typography-paragraph: 177, 177, 177;
    --rgb-typography-input-label: 255, 255, 255;
    --rgb-typography-low-contrast: 161, 161, 161;
    --rgb-background: 12, 19, 47;
    --rgb-brand-primary: 19, 7, 52;
    --rgb-brand-secondary: 107, 166, 255;
    --rgb-brand-tertiary: 146, 189, 255;
    --rgb-brand-accent: 34, 34, 34;
    --rgb-brand-white: 255, 255, 255;
    --rgb-cta-primary-enabled: 107, 166, 255;
    --rgb-cta-primary-disabled: 119, 123, 123;
    --rgb-cta-primary-hover: 86, 133, 204;
    --rgb-cta-secondary-enabled: 81, 96, 122;
    --rgb-cta-secondary-disabled: 119, 123, 123;
    --rgb-cta-secondary-hover: 65, 77, 98;
    --rgb-cta-tertiary-enabled: 146, 189, 255;
    --rgb-cta-tertiary-disabled: 135, 135, 135;
    --rgb-cta-tertiary-hover: 94, 121, 163;
    --rgb-surface-100: 22, 27, 45;
    --rgb-surface-90: 27, 32, 49;
    --rgb-surface-80: 36, 41, 58;
    --rgb-surface-70: 57, 61, 76;
    --rgb-surface-60: 55, 59, 75;
    --rgb-surface-40: 54, 58, 72;
    --rgb-icon-link: 107, 166, 255;
    --rgb-icon-static: 255, 255, 255;
    --rgb-icon-component: 164, 164, 164;
    --rgb-icon-cta: 25, 2, 157;
    --rgba-transparency-40: 57, 61, 76, 0.4;
    --rgba-transparency-20: 25, 32, 65, 0.4;
    --rgba-transparency-0: 22, 27, 45, 0;
    --rgb-utilities-blur: 8, 25, 161;
    --rgb-utilities-logo: 164, 164, 164;
    --rgb-logo-color: 217, 223, 255;
    --rgb-logo-static: 255, 255, 255;
    --rgb-input-field: 54, 58, 72;
    --rgb-success: 11, 191, 105;
    --rgb-error: 251, 85, 85;
    --rgb-alert: 191, 151, 11;
    --rgb-active: 55, 59, 75;
    --rgb-badge-1: 40, 167, 69;
    --rgb-badge-2: 2, 123, 255;
    --rgb-badge-3: 255, 176, 5;
    --rgb-badge-4: 255, 5, 38;
    --rgba-badge-1-text: 40, 167, 69, 0.2;
    --rgba-badge-2-text: 2, 123, 255, 0.2;
    --rgba-badge-3-text: 255, 176, 5, 0.2;
    --rgba-badge-4-text: 255, 5, 38, 0.2;
    --rgb-stroke: 57, 61, 76;
    --rgb-stroke-light: 39, 39, 39;
    --rgb-stroke-strong: 126, 119, 119;
    --rgb-background-overlay: 22, 27, 45;
    color-scheme: dark;
}

:root[data-theme='dark'] {
    --rgb-typography-title: 255, 255, 255;
    --rgb-typography-paragraph: 177, 177, 177;
    --rgb-typography-input-label: 255, 255, 255;
    --rgb-typography-low-contrast: 161, 161, 161;
    --rgb-background: 16, 16, 16;
    --rgb-brand-primary: 16, 16, 16;
    --rgb-brand-secondary: 0, 186, 226;
    --rgb-brand-tertiary: 16, 16, 16;
    --rgb-brand-accent: 34, 34, 34;
    --rgb-brand-white: 255, 255, 255;
    --rgb-cta-primary-enabled: 0, 119, 145;
    --rgb-cta-primary-disabled: 86, 113, 119;
    --rgb-cta-primary-hover: 0, 95, 116;
    --rgb-cta-secondary-enabled: 48, 48, 48;
    --rgb-cta-secondary-disabled: 98, 98, 98;
    --rgb-cta-secondary-hover: 69, 69, 69;
    --rgb-cta-tertiary-enabled: 0, 186, 226;
    --rgb-cta-tertiary-disabled: 135, 135, 135;
    --rgb-cta-tertiary-hover: 0, 119, 145;
    --rgb-surface-100: 0, 0, 0;
    --rgb-surface-90: 20, 20, 20;
    --rgb-surface-80: 25, 25, 25;
    --rgb-surface-70: 34, 34, 34;
    --rgb-surface-60: 46, 46, 46;
    --rgb-surface-40: 55, 55, 55;
    --rgb-icon-link: 124, 232, 255;
    --rgb-icon-static: 255, 255, 255;
    --rgb-icon-component: 164, 164, 164;
    --rgb-icon-cta: 0, 186, 226;
    --rgba-transparency-40: 54, 54, 54, 0.4;
    --rgba-transparency-20: 0, 0, 0, 0.2;
    --rgba-transparency-0: 16, 16, 16, 0;
    --rgb-utilities-blur: 19, 62, 93;
    --rgb-utilities-logo: 164, 164, 164;
    --rgb-logo-color: 217, 223, 255;
    --rgb-logo-static: 255, 255, 255;
    --rgb-badge-1: 40, 167, 69;
    --rgb-badge-2: 2, 123, 255;
    --rgb-badge-3: 255, 176, 5;
    --rgb-badge-4: 255, 5, 38;
    --rgba-badge-1-text: 40, 167, 69, 0.2;
    --rgba-badge-2-text: 2, 123, 255, 0.2;
    --rgba-badge-3-text: 255, 176, 5, 0.2;
    --rgba-badge-4-text: 255, 5, 38, 0.2;
    --rgb-stroke: 43, 43, 43;
    --rgb-stroke-light: 39, 39, 39;
    --rgb-stroke-strong: 126, 119, 119;
    --rgb-input-field: 55, 55, 55;
    --rgb-success: 11, 191, 105;
    --rgb-error: 251, 85, 85;
    --rgb-alert: 191, 151, 11;
    --rgb-active: 42, 54, 57;
    --rgb-background-overlay: 0, 0, 0;
    color-scheme: dark;
}


/*
html {
    --rgb-typography-title: 255, 255, 255;
    --rgb-typography-paragraph: 177, 177, 177;
    --rgb-typography-input-label: 255, 255, 255;
    --rgb-typography-low-contrast: 161, 161, 161;
    --rgb-background: 12, 19, 47;
    --rgb-brand-primary: 19, 7, 52;
    --rgb-brand-secondary: 107, 166, 255;
    --rgb-brand-tertiary: 146, 189, 255;
    --rgb-brand-accent: 34, 34, 34;
    --rgb-brand-white: 255, 255, 255;
    --rgb-cta-primary-enabled: 107, 166, 255;
    --rgb-cta-primary-disabled: 119, 123, 123;
    --rgb-cta-primary-hover: 86, 133, 204;
    --rgb-cta-secondary-enabled: 81, 96, 122;
    --rgb-cta-secondary-disabled: 119, 123, 123;
    --rgb-cta-secondary-hover: 65, 77, 98;
    --rgb-cta-tertiary-enabled: 146, 189, 255;
    --rgb-cta-tertiary-disabled: 135, 135, 135;
    --rgb-cta-tertiary-hover: 94, 121, 163;
    --rgb-surface-100: 22, 27, 45;
    --rgb-surface-90: 27, 32, 49;
    --rgb-surface-80: 36, 41, 58;
    --rgb-surface-70: 57, 61, 76;
    --rgb-surface-60: 55, 59, 75;
    --rgb-surface-40: 54, 58, 72;
    --rgb-icon-link: 107, 166, 255;
    --rgb-icon-static: 255, 255, 255;
    --rgb-icon-component: 164, 164, 164;
    --rgb-icon-cta: 25, 2, 157;
    --rgba-transparency-40: 57, 61, 76, 0.4;
    --rgba-transparency-20: 25, 32, 65, 0.4;
    --rgba-transparency-0: 22, 27, 45, 0;
    --rgb-utilities-blur: 8, 25, 161;
    --rgb-utilities-logo: 164, 164, 164;
    --rgb-logo-color: 217, 223, 255;
    --rgb-logo-static: 255, 255, 255;
    --rgb-input-field: 54, 58, 72;
    --rgb-success: 11, 191, 105;
    --rgb-error: 251, 85, 85;
    --rgb-alert: 191, 151, 11;
    --rgb-active: 55, 59, 75;
    --rgb-stroke: 57, 61, 76;
    --rgb-stroke-light: 39, 39, 39;
    --rgb-stroke-strong: 126, 119, 119;
    --rgb-background-overlay: 22, 27, 45;
    color-scheme: dark;
}

*/
:root[data-theme='light'] {
    --rgb-typography-title: 43, 43, 43;
    --rgb-typography-paragraph: 75, 75, 75;
    --rgb-typography-input-label: 75, 75, 75;
    --rgb-typography-low-contrast: 75, 75, 75;
    --rgb-background: 248, 248, 248;
    --rgb-brand-primary: 248, 248, 248;
    --rgb-brand-secondary: 51, 116, 213;
    --rgb-brand-tertiary: 16, 16, 16;
    --rgb-brand-accent: 236, 236, 236;
    --rgb-brand-white: 255, 255, 255;
    --rgb-cta-primary-enabled: 51, 116, 213;
    --rgb-cta-primary-disabled: 86, 101, 119;
    --rgb-cta-primary-hover: 4, 89, 217;
    --rgb-cta-secondary-enabled: 16, 16, 16;
    --rgb-cta-secondary-disabled: 98, 98, 98;
    --rgb-cta-secondary-hover: 62, 62, 62;
    --rgb-cta-tertiary-enabled: 51, 116, 213;
    --rgb-cta-tertiary-disabled: 98, 98, 98;
    --rgb-cta-tertiary-hover: 43, 88, 155;
    --rgb-surface-100: 255, 255, 255;
    --rgb-surface-90: 245, 245, 245;
    --rgb-surface-80: 236, 236, 236;
    --rgb-surface-70: 194, 194, 194;
    --rgb-surface-60: 224, 224, 224;
    --rgb-surface-40: 213, 213, 213;
    --rgb-icon-link: 48, 131, 255;
    --rgb-icon-static: 255, 255, 255;
    --rgb-icon-component: 75, 75, 75;
    --rgb-icon-cta: 255, 255, 255;
    --rgba-transparency-40: 206, 206, 206, 0.4;
    --rgba-transparency-20: 238, 238, 238, 0.7;
    --rgba-transparency-0: 248, 248, 248, 0;
    --rgb-utilities-blur: 196, 230, 254;
    --rgb-utilities-logo: 99, 99, 99;
    --rgb-logo-color: 16, 16, 16;
    --rgb-logo-static: 16, 16, 16;
    --rgb-badge-1: 40, 167, 69;
    --rgb-badge-2: 2, 123, 255;
    --rgb-badge-3: 255, 176, 5;
    --rgb-badge-4: 255, 5, 38;
    --rgba-badge-1-text: 40, 167, 69, 0.1;
    --rgba-badge-2-text: 2, 123, 255, 0.1;
    --rgba-badge-3-text: 255, 176, 5, 0.1;
    --rgba-badge-4-text: 255, 5, 38, 0.1;
    --rgb-stroke: 208, 208, 208;
    --rgb-stroke-light: 224, 224, 224;
    --rgb-stroke-strong: 224, 224, 224;
    --rgb-input-field: 252, 252, 252;
    --rgb-success: 21, 149, 0;
    --rgb-error: 251, 85, 85;
    --rgb-alert: 191, 151, 11;
    --rgb-active: 240, 248, 249;
    --rgb-background-overlay: 35, 35, 35;
}