:root {
  --color-background-accent-primary: rgb(240, 247, 250);
  --color-background-accent-primary-turva: rgb(253, 247, 242);
  --color-background-accent-secondary: rgb(228, 241, 247);
  --color-background-accent-secondary-turva: rgb(251, 235, 225);
  --color-background-accent-tertiary: rgb(0, 119, 179);
  --color-background-accent-tertiary-turva: rgb(230, 23, 64);
  --color-background-primary: rgb(255, 255, 255);
  --color-background-primary-turva: rgb(255, 255, 255);
  --color-background-secondary: rgb(245, 248, 250);
  --color-background-secondary-turva: rgb(245, 246, 247);
  --color-background-tertiary: rgb(8, 42, 77);
  --color-background-tertiary-turva: rgb(23, 42, 59);
  --color-brand-blue: rgb(0, 161, 212);
  --color-brand-gray-turva: rgb(178, 180, 179);
  --color-category-family: rgb(11, 114, 136);
  --color-category-family-turva: rgb(199, 12, 112);
  --color-category-finance: rgb(122, 1, 196);
  --color-category-home: rgb(211, 36, 131);
  --color-category-home-turva: rgb(161, 10, 78);
  --color-category-pet: rgb(168, 1, 78);
  --color-category-travel: rgb(213, 66, 3);
  --color-category-travel-turva: rgb(9, 129, 148);
  --color-category-union-turva: rgb(169, 69, 124);
  --color-category-vehicle: rgb(54, 74, 129);
  --color-category-vehicle-turva: rgb(23, 28, 58);
  --color-danger: rgb(214, 28, 82);
  --color-danger-00: rgb(255, 240, 243);
  --color-danger-100: rgb(255, 211, 219);
  --color-danger-1000: rgb(89, 0, 45);
  --color-danger-200: rgb(255, 173, 190);
  --color-danger-300: rgb(252, 136, 162);
  --color-danger-400: rgb(243, 98, 134);
  --color-danger-50: rgb(255, 225, 231);
  --color-danger-500: rgb(231, 62, 107);
  --color-danger-600: rgb(214, 28, 82);
  --color-danger-700: rgb(185, 16, 74);
  --color-danger-800: rgb(153, 9, 66);
  --color-danger-900: rgb(120, 4, 56);
  --color-danger-turva: rgb(214, 28, 82);
  --color-data-01: rgb(122, 1, 196);
  --color-data-02: rgb(0, 155, 204);
  --color-data-03: rgb(27, 171, 75);
  --color-data-04: rgb(255, 86, 34);
  --color-data-05: rgb(245, 76, 154);
  --color-data-06: rgb(194, 21, 101);
  --color-data-07: rgb(192, 101, 247);
  --color-data-08: rgb(0, 105, 191);
  --color-data-09: rgb(19, 120, 53);
  --color-data-10: rgb(179, 60, 24);
  --color-data-11: rgb(13, 163, 166);
  --color-data-12: rgb(11, 114, 136);
  --color-data-13: rgb(179, 137, 24);
  --color-data-14: rgb(128, 98, 17);
  --color-data-15: rgb(0, 41, 77);
  --color-gray: rgb(181, 198, 208);
  --color-gray-dark: rgb(127, 150, 165);
  --color-gray-dark-turva: rgb(143, 147, 158);
  --color-gray-darker: rgb(98, 121, 138);
  --color-gray-darker-turva: rgb(113, 118, 132);
  --color-gray-light: rgb(212, 223, 229);
  --color-gray-light-turva: rgb(222, 224, 228);
  --color-gray-lighter: rgb(245, 248, 250);
  --color-gray-lighter-turva: rgb(245, 247, 250);
  --color-gray-lightest: rgb(255, 255, 255);
  --color-gray-lightest-turva: rgb(255, 255, 255);
  --color-gray-turva: rgb(199, 202, 207);
  --color-lt-blue-00: rgb(240, 247, 250);
  --color-lt-blue-100: rgb(217, 236, 245);
  --color-lt-blue-1000: rgb(8, 42, 77);
  --color-lt-blue-200: rgb(198, 225, 238);
  --color-lt-blue-300: rgb(172, 210, 229);
  --color-lt-blue-400: rgb(131, 188, 217);
  --color-lt-blue-50: rgb(228, 241, 247);
  --color-lt-blue-500: rgb(50, 153, 204);
  --color-lt-blue-600: rgb(0, 119, 179);
  --color-lt-blue-700: rgb(0, 97, 155);
  --color-lt-blue-800: rgb(0, 75, 129);
  --color-lt-blue-900: rgb(3, 56, 102);
  --color-lt-gray-00: rgb(245, 248, 250);
  --color-lt-gray-100: rgb(212, 223, 229);
  --color-lt-gray-1000: rgb(17, 28, 38);
  --color-lt-gray-200: rgb(181, 198, 208);
  --color-lt-gray-300: rgb(153, 174, 186);
  --color-lt-gray-400: rgb(127, 150, 165);
  --color-lt-gray-50: rgb(228, 236, 239);
  --color-lt-gray-500: rgb(98, 121, 138);
  --color-lt-gray-600: rgb(81, 105, 123);
  --color-lt-gray-700: rgb(62, 84, 102);
  --color-lt-gray-800: rgb(45, 64, 81);
  --color-lt-gray-900: rgb(30, 45, 59);
  --color-primary: rgb(0, 119, 179);
  --color-primary-dark: rgb(0, 75, 129);
  --color-primary-dark-turva: rgb(126, 2, 35);
  --color-primary-darker: rgb(0, 97, 155);
  --color-primary-darker-turva: rgb(164, 4, 40);
  --color-primary-light: rgb(198, 225, 238);
  --color-primary-light-turva: rgb(255, 185, 190);
  --color-primary-lighter: rgb(228, 241, 247);
  --color-primary-lighter-turva: rgb(255, 227, 228);
  --color-primary-lightest: rgb(240, 247, 250);
  --color-primary-lightest-turva: rgb(255, 241, 241);
  --color-primary-turva: rgb(198, 12, 48);
  --color-secondary: rgb(8, 42, 77);
  --color-secondary-turva: rgb(23, 28, 58);
  --color-success: rgb(48, 131, 105);
  --color-success-00: rgb(244, 250, 247);
  --color-success-100: rgb(218, 246, 233);
  --color-success-1000: rgb(4, 38, 33);
  --color-success-200: rgb(191, 239, 218);
  --color-success-300: rgb(163, 229, 202);
  --color-success-400: rgb(134, 215, 185);
  --color-success-50: rgb(231, 248, 239);
  --color-success-500: rgb(105, 196, 166);
  --color-success-600: rgb(76, 164, 138);
  --color-success-700: rgb(48, 131, 105);
  --color-success-800: rgb(29, 106, 88);
  --color-success-900: rgb(13, 71, 59);
  --color-success-turva: rgb(48, 131, 105);
  --color-turva2-gray-00: rgb(245, 246, 247);
  --color-turva2-gray-100: rgb(212, 221, 226);
  --color-turva2-gray-1000: rgb(6, 23, 38);
  --color-turva2-gray-200: rgb(178, 194, 205);
  --color-turva2-gray-300: rgb(148, 169, 185);
  --color-turva2-gray-400: rgb(120, 145, 164);
  --color-turva2-gray-50: rgb(228, 233, 237);
  --color-turva2-gray-500: rgb(95, 122, 143);
  --color-turva2-gray-600: rgb(72, 100, 122);
  --color-turva2-gray-700: rgb(53, 79, 101);
  --color-turva2-gray-800: rgb(37, 60, 80);
  --color-turva2-gray-900: rgb(23, 42, 59);
  --color-turva2-red-00: rgb(255, 242, 242);
  --color-turva2-red-100: rgb(255, 229, 230);
  --color-turva2-red-1000: rgb(51, 0, 10);
  --color-turva2-red-200: rgb(255, 201, 204);
  --color-turva2-red-300: rgb(249, 164, 172);
  --color-turva2-red-400: rgb(243, 119, 133);
  --color-turva2-red-50: rgb(255, 236, 236);
  --color-turva2-red-500: rgb(236, 69, 96);
  --color-turva2-red-600: rgb(230, 23, 64);
  --color-turva2-red-700: rgb(185, 3, 41);
  --color-turva2-red-800: rgb(140, 0, 30);
  --color-turva2-red-900: rgb(96, 0, 20);
  --color-turva-gray-00: rgb(245, 247, 250);
  --color-turva-gray-100: rgb(222, 224, 228);
  --color-turva-gray-1000: rgb(8, 13, 38);
  --color-turva-gray-200: rgb(199, 202, 207);
  --color-turva-gray-300: rgb(175, 178, 186);
  --color-turva-gray-400: rgb(143, 147, 158);
  --color-turva-gray-50: rgb(234, 235, 239);
  --color-turva-gray-500: rgb(113, 118, 132);
  --color-turva-gray-600: rgb(98, 104, 122);
  --color-turva-gray-700: rgb(71, 78, 101);
  --color-turva-gray-800: rgb(45, 52, 79);
  --color-turva-gray-900: rgb(23, 28, 58);
  --color-turva-nude-00: rgb(253, 247, 242);
  --color-turva-nude-100: rgb(251, 225, 209);
  --color-turva-nude-1000: rgb(38, 21, 15);
  --color-turva-nude-200: rgb(241, 202, 178);
  --color-turva-nude-300: rgb(216, 174, 150);
  --color-turva-nude-400: rgb(190, 147, 124);
  --color-turva-nude-50: rgb(251, 235, 225);
  --color-turva-nude-500: rgb(165, 122, 101);
  --color-turva-nude-600: rgb(140, 98, 79);
  --color-turva-nude-700: rgb(114, 76, 60);
  --color-turva-nude-800: rgb(89, 56, 43);
  --color-turva-nude-900: rgb(64, 38, 28);
  --color-turva-red-00: rgb(255, 241, 241);
  --color-turva-red-100: rgb(255, 213, 215);
  --color-turva-red-1000: rgb(51, 5, 20);
  --color-turva-red-200: rgb(255, 185, 190);
  --color-turva-red-300: rgb(252, 148, 158);
  --color-turva-red-400: rgb(240, 102, 119);
  --color-turva-red-50: rgb(255, 227, 228);
  --color-turva-red-500: rgb(221, 49, 77);
  --color-turva-red-600: rgb(198, 12, 48);
  --color-turva-red-700: rgb(164, 4, 40);
  --color-turva-red-800: rgb(126, 2, 35);
  --color-turva-red-900: rgb(87, 4, 29);
  --color-warning: rgb(247, 178, 40);
  --color-warning-00: rgb(255, 251, 242);
  --color-warning-100: rgb(255, 244, 198);
  --color-warning-1000: rgb(38, 26, 4);
  --color-warning-200: rgb(255, 232, 160);
  --color-warning-300: rgb(255, 217, 120);
  --color-warning-400: rgb(255, 199, 79);
  --color-warning-50: rgb(255, 247, 221);
  --color-warning-500: rgb(247, 178, 40);
  --color-warning-600: rgb(196, 138, 23);
  --color-warning-700: rgb(156, 110, 22);
  --color-warning-800: rgb(126, 87, 16);
  --color-warning-900: rgb(81, 55, 9);
  --color-warning-turva: rgb(247, 178, 40);
  --font-family-heading: 'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --font-family-heading-turva: 'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --font-family-text: 'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --font-family-text-turva: 'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --font-size-large: 1.25rem;
  --font-size-medium: 1rem;
  --font-size-small: 0.875rem;
  --font-size-x-large: 1.5rem;
  --font-size-x-small: 0.75rem;
  --font-size-xx-large: 2.25rem;
  --font-size-xxx-large: 3rem;
  --font-size-xxxx-large: 4.5rem;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-normal: 400;
  --font-weight-semi-bold: 600;
  --letter-spacing-heading: -0.01rem;
  --line-height-medium: 1.5;
  --line-height-small: 1.25;
  --line-height-x-small: 1.1;
  --media-query-large: '(min-width: 62em)';
  --media-query-medium: '(min-width: 48em)';
  --media-query-small: '(min-width: 36em)';
  --media-query-x-large: '(min-width: 64.0625em)';
  --media-query-x-small: '(max-width: 35.9375em)';
  --media-query-xx-large: '(min-width: 76.25em)';
  --media-query-xx-small: '(max-width: 22.5em)';
  --media-query-xxx-large: '(min-width: 106.25em)';
  --media-query-xxx-small: '(max-width: 20.5em)';
  --opacity-30: 0.30;
  --opacity-50: 0.50;
  --opacity-75: 0.75;
  --opacity-85: 0.85;
  --radius-circle: 50%;
  --radius-default: 4px;
  --radius-intermediate: 12px;
  --radius-large: 16px;
  --radius-medium: 8px;
  --radius-pill: 20rem;
  --radius-sharp: 0;
  --shadow-card: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);
  --shadow-card-turva: 0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);
  --shadow-default: 0 2px 6px 0 rgba(0, 41, 77, 0.07);
  --shadow-default-turva: 0 2px 6px 0 rgba(117, 117, 117, 0.13);
  --shadow-error: 0 0 0 1px #de2362;
  --shadow-error-turva: 0 0 0 1px #e55039;
  --shadow-focus: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
  --shadow-focus-input: 0 0 0 1px #0077b3;
  --shadow-focus-input-turva: 0 0 0 1px #171c3a;
  --shadow-focus-turva: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
  --shadow-hover: 0 2px 10px 0 rgba(0, 41, 77, 0.1);
  --shadow-hover-input: 0 0 0 1px #909599;
  --shadow-hover-input-turva: 0 0 0 1px #747475;
  --shadow-hover-turva: 0 2px 10px 0 rgba(117, 117, 117, 0.15);
  --shadow-modal: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
  --shadow-tooltip: 0 2px 10px 0 rgba(0, 41, 77, 0.07);
  --shadow-tooltip-turva: 0 2px 10px 0 rgba(117, 117, 117, 0.13);
  --size-button-border: 1px;
  --size-button-min-width: 8rem;
  --size-button-tiny-border: 1px;
  --size-form-border: 1px;
  --size-header: 4rem;
  --size-icon-large: 30px;
  --size-icon-medium: 24px;
  --size-icon-small: 20px;
  --size-icon-x-large: 36px;
  --size-icon-x-small: 16px;
  --size-icon-xx-large: 48px;
  --size-icon-xx-small: 10px;
  --size-icon-xxx-large: 72px;
  --size-icon-xxx-small: 7px;
  --size-layout-max-width: 1110px;
  --size-medium-border: 2px;
  --size-navigation: 3rem;
  --size-step-medium: 40px;
  --size-step-small: 30px;
  --size-tappable-square: 48px;
  --space-large: 20px;
  --space-medium: 16px;
  --space-small: 12px;
  --space-x-large: 28px;
  --space-x-small: 8px;
  --space-xx-large: 36px;
  --space-xx-small: 4px;
  --space-xxx-large: 48px;
  --space-xxx-small: 2px;
  --space-xxxx-large: 72px;
  --space-xxxxx-large: 94px;
  --transition-quickly: 300ms ease;
  --transition-slowly: 600ms ease;
  --z-index-deep: -999999;
  --z-index-default: 1;
  --z-index-dropdown: 600;
  --z-index-header: 400;
  --z-index-mask: 200;
  --z-index-mask-buttons: 250;
  --z-index-masked: 100;
  --z-index-modal: 900;
  --z-index-overlay: 700;
  --z-index-popup: 950;
  --z-index-spinner: 800;
  --z-index-sticky: 300;
  --z-index-toast: 500;
} 

 :root.duet-theme-turva {
  --color-background-accent-primary: rgb(253, 247, 242);
  --color-background-accent-secondary: rgb(251, 235, 225);
  --color-background-accent-tertiary: rgb(230, 23, 64);
  --color-background-primary: rgb(255, 255, 255);
  --color-background-secondary: rgb(245, 246, 247);
  --color-background-tertiary: rgb(23, 42, 59);
  --color-brand-gray: rgb(178, 180, 179);
  --color-category-family: rgb(199, 12, 112);
  --color-category-home: rgb(161, 10, 78);
  --color-category-travel: rgb(9, 129, 148);
  --color-category-union: rgb(169, 69, 124);
  --color-category-vehicle: rgb(23, 28, 58);
  --color-danger: rgb(214, 28, 82);
  --color-gray-dark: rgb(143, 147, 158);
  --color-gray-darker: rgb(113, 118, 132);
  --color-gray-light: rgb(222, 224, 228);
  --color-gray-lighter: rgb(245, 247, 250);
  --color-gray-lightest: rgb(255, 255, 255);
  --color-gray: rgb(199, 202, 207);
  --color-primary-dark: rgb(126, 2, 35);
  --color-primary-darker: rgb(164, 4, 40);
  --color-primary-light: rgb(255, 185, 190);
  --color-primary-lighter: rgb(255, 227, 228);
  --color-primary-lightest: rgb(255, 241, 241);
  --color-primary: rgb(198, 12, 48);
  --color-secondary: rgb(23, 28, 58);
  --color-success: rgb(48, 131, 105);
  --color-warning: rgb(247, 178, 40);
  --font-family-heading: 'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --font-family-text: 'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --shadow-card: 0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);
  --shadow-default: 0 2px 6px 0 rgba(117, 117, 117, 0.13);
  --shadow-error: 0 0 0 1px #e55039;
  --shadow-focus-input: 0 0 0 1px #171c3a;
  --shadow-focus: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
  --shadow-hover-input: 0 0 0 1px #747475;
  --shadow-hover: 0 2px 10px 0 rgba(117, 117, 117, 0.15);
  --shadow-tooltip: 0 2px 10px 0 rgba(117, 117, 117, 0.13);
}