/**
 * Do not edit directly
 * Generated automatically from design tokens
 */

/* Primitives and Theme-Agnostic Tokens */
:root {
  --typography-font-families-roboto: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
  --typography-font-families-montserrat: 'Montserrat', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
  --typography-font-weights-light: 300;
  --typography-font-weights-regular: 400;
  --typography-font-weights-medium: 500;
  --typography-font-weights-semibold: 600;
  --typography-font-weights-bold: 700;
  --typography-font-weights-black: 900;
  --typography-font-sizes-xs: clamp(10px, 0.6667rem, 16px);
  --typography-font-sizes-sm: clamp(10px, 0.7778rem, 19px);
  --typography-font-sizes-base: clamp(12px, 0.8889rem, 21px);
  --typography-font-sizes-lg: clamp(13px, 1rem, 24px);
  --typography-font-sizes-xl: clamp(15px, 1.1111rem, 27px);
  --typography-font-sizes-2xl: clamp(18px, 1.3333rem, 32px);
  --typography-font-sizes-3xl: clamp(22px, 1.6667rem, 40px);
  --typography-font-sizes-4xl: clamp(27px, 2rem, 48px);
  --typography-font-sizes-5xl: clamp(36px, 2.6667rem, 64px);
  --typography-font-sizes-6xl: clamp(45px, 3.3333rem, 80px);
  --typography-font-sizes-7xl: clamp(54px, 4rem, 96px);
  --typography-line-heights-tight: 125%;
  --typography-line-heights-normal: 150%;
  --typography-line-heights-relaxed: 175%;
  --typography-letter-spacing-snug: -0.05em;
  --typography-letter-spacing-wide: 0.025em;
  --typography-letter-spacing-wider: 0.05em;
  --typography-letter-spacing-widest: 0.1em;
  --border-radius-radius-sm: 4px;
  --border-radius-radius-md: 8px;
  --border-radius-radius-lg: 16px;
  --border-radius-radius-full: 9999px;
  --box-shadow-shadow-sm: 0px 1px 2px 0px #0003;
  --box-shadow-shadow-md: 0px 4px 6px -1px #0000001A;
  --box-shadow-shadow-lg: 0px 10px 15px -3px #0000001A;
  --spacing-4: clamp(0px, 0.2222rem, 5px);
  --spacing-8: clamp(0px, 0.4444rem, 11px);
  --spacing-12: clamp(0px, 0.6667rem, 16px);
  --spacing-16: clamp(0px, 0.8889rem, 21px);
  --spacing-24: clamp(0px, 1.3333rem, 32px);
  --spacing-32: clamp(0px, 1.7778rem, 43px);
  --spacing-48: clamp(0px, 2.6667rem, 64px);
  --spacing-none: 0;
  --greyscale-100: #F2F2F2;
  --greyscale-200: #F5F5F5;
  --greyscale-300: #D8D8D8;
  --greyscale-400: #BFBFBF;
  --greyscale-500: #888;
  --greyscale-600: #6D6D6D;
  --greyscale-700: #595959;
  --greyscale-800: #3D3D3D;
  --greyscale-900: #1A1A1A;
  --greyscale-white: #FFF;
  --greyscale-black: #000;
  --green-50: #E8F9E1;
  --green-100: #C7EFB4;
  --green-200: #A7E18E;
  --green-300: #8ED372;
  --green-400: #6FCA5C;
  --green-500: #4DB748;
  --green-600: #41963D;
  --green-700: #377524;
  --green-800: #29541B;
  --green-900: #1A3612;
  --teal-50: #E1F6F7;
  --teal-100: #9BE1E1;
  --teal-200: #75CFD6;
  --teal-300: #50C0CC;
  --teal-400: #47A6B8;
  --teal-500: #3794AA;
  --teal-600: #247F93;
  --teal-700: #13707F;
  --teal-800: #0D545F;
  --teal-900: #073941;
  --red-50: #FFF7F6;
  --red-100: #FFE7E5;
  --red-200: #FFC9C6;
  --red-300: #FF7871;
  --red-400: #F46866;
  --red-500: #E8585B;
  --red-600: #DC4750;
  --red-700: #D13745;
  --red-800: #AB2D39;
  --red-900: #88242D;
  --indigo-50: #F0F7FF;
  --indigo-100: #D8EAFF;
  --indigo-200: #A9D0FF;
  --indigo-300: #0A7AFF;
  --indigo-400: #0D75EE;
  --indigo-500: #0F6FDD;
  --indigo-600: #126ACC;
  --indigo-700: #1565BB;
  --indigo-800: #175FAA;
  --indigo-900: #1A5A99;
  --purple-50: #F9F8FE;
  --purple-100: #EFECFB;
  --purple-200: #DCD5F7;
  --purple-300: #9A88E8;
  --purple-400: #9280DC;
  --purple-500: #8A79D1;
  --purple-600: #8271C6;
  --purple-700: #7A69BA;
  --purple-800: #7262AE;
  --purple-900: #6A5AA3;
  --yellow-50: #FFF9E8;
  --yellow-100: #FFEDB8;
  --yellow-200: #FFD666;
  --yellow-300: #FFBB17;
  --yellow-400: #FDB317;
  --yellow-500: #FCAB17;
  --yellow-600: #FAA417;
  --yellow-700: #F89C17;
  --yellow-800: #F79417;
  --yellow-900: #F58C17;
  --orange-200: #FFF;
  --orange-400: #FDB317;
  --orange-600: #FFF;
  --orange-800: #FFF;
  --pink-200: #FFF;
  --pink-400: #FFF;
  --pink-600: #FFF;
  --pink-800: #FFF;
  --gradients-teal-to-green-horizontal: linear-gradient(90deg, #4DB748 0%, #3794AA 100%);
  --gradients-teal-to-green-vertical: linear-gradient(180deg, #4DB748 0%, #3794AA 100%);
  --gradients-green-to-teal-horizontal: linear-gradient(90deg, #3794AA 0%, #4DB748 100%);
  --gradients-green-to-teal-vertical: linear-gradient(180deg, #3794AA 0%, #4DB748 100%);
  --page-unrelated-content: clamp(0px, 1.3333rem, 32px);
  --page-related-content: clamp(0px, 0.6667rem, 16px);
}

/* Light Theme (default) */
:root,
[data-theme="light"] {
  --text-primary: #595959;
  --text-secondary: #6D6D6D;
  --text-call-out: #247F93;
  --text-on-primary: #FFF;
  --text-on-color: #3D3D3D;
  --text-on-gradient: #3D3D3D;
  --text-ghost: #888;
  --text-negative: #AB2D39;
  --text-hyperlink: #175FAA;
  --surface-page: #F5F5F5;
  --surface-gradient: linear-gradient(90deg, #8ED372 0%, #50C0CC 100%);
  --surface-card: #FFF;
  --surface-success: #A7E18E;
  --surface-failure: #FFC9C6;
  --surface-info: #D8EAFF;
  --surface-ai: #DCD5F7;
  --surface-header: #FFF;
  --surface-footer: #FFF;
  --surface-primary-button: #13707F;
  --surface-disabled: #F2F2F2;
  --surface-list: #FFF;
  --surface-discrete-area: #F2F2F2;
  --icon-primary: #3D3D3D;
  --icon-secondary: #888;
  --icon-call-out: #13707F;
  --icon-warning: #FDB317;
  --icon-error: #AB2D39;
  --icon-on-primary: #FFF;
  --icon-success: #41963D;
  --icon-information: #175FAA;
  --line-separating-content: #BFBFBF;
  --line-highlighting-content: #13707F;
  --card-padding: clamp(0px, 0.8889rem, 21px);
  --card-related-content: clamp(0px, 0.2222rem, 5px);
  --card-border-radius: 8px;
  --overlay-padding: clamp(0px, 1.3333rem, 32px);
  --overlay-border-radius: 8px;
  --bottom-sheet-padding: clamp(0px, 1.3333rem, 32px);
  --bottom-sheet-border-radius: 8px;
  --bottom-sheet-border-radius-top: 24px;
  --page-padding: clamp(0px, 0.8889rem, 21px);
  --list-padding: clamp(0px, 0.8889rem, 21px);
  --list-complex-between: clamp(0px, 0.2222rem, 5px);
  --chip-padding: clamp(0px, 0.4444rem, 11px);
  --chip-padding-vertical: clamp(0px, 0.2222rem, 5px);
  --chip-between: clamp(0px, 0.2222rem, 5px);
  --chip-border-radius: 4px;
  --chip-padding-large: clamp(0px, 0.6667rem, 16px);
  --chip-padding-vertical-large: clamp(0px, 0.4444rem, 11px);
  --button-border-radius: 32px;
  --button-font-family: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
  --button-font-weight: 700;
  --button-shadow-sm: 0px 1px 2px 0px #0003;
  --button-shadow-md: 0px 4px 6px -1px #0000001A;
  --button-padding-xs: clamp(0px, 0.8889rem, 21px);
  --button-padding-sm: clamp(0px, 1.3333rem, 32px);
  --button-padding-base: clamp(0px, 1.7778rem, 43px);
  --button-vertical: clamp(0px, 0.4444rem, 11px);
  --button-between: clamp(0px, 0.4444rem, 11px);
  --button-font-size-xs: clamp(10px, 0.6667rem, 16px);
  --button-font-size-sm: clamp(10px, 0.7778rem, 19px);
  --button-font-size-base: clamp(12px, 0.8889rem, 21px);
  --button-primary-bg: #13707F;
  --button-primary-text: #FFF;
  --button-primary-border: #13707F;
  --button-primary-hover-bg: #247F93;
  --button-primary-hover-border: #247F93;
  --button-primary-active-bg: #0D545F;
  --button-primary-active-border: #0D545F;
  --button-secondary-bg: #FFF;
  --button-secondary-text: #13707F;
  --button-secondary-border: #13707F;
  --button-secondary-hover-bg: #F2F2F2;
  --button-secondary-hover-border: #247F93;
  --button-secondary-hover-text: #247F93;
  --button-secondary-active-bg: #E1F6F7;
  --button-secondary-active-border: #0D545F;
  --button-secondary-active-text: #0D545F;
  --button-tertiary-bg: #6D6D6D;
  --button-tertiary-text: #FFF;
  --button-tertiary-border: #6D6D6D;
  --button-tertiary-hover-bg: #888;
  --button-tertiary-hover-border: #888;
  --button-tertiary-active-bg: #595959;
  --button-tertiary-active-border: #595959;
  --button-text-text: #13707F;
  --button-text-hover-bg: #F2F2F2;
  --button-text-active-bg: #E1F6F7;
  --button-success-bg: #377524;
  --button-success-text: #FFF;
  --button-success-border: #377524;
  --button-success-hover-bg: #41963D;
  --button-success-hover-border: #41963D;
  --button-success-active-bg: #29541B;
  --button-success-active-border: #29541B;
  --button-link-text: #0F6FDD;
  --button-link-hover-bg: #F0F7FF;
  --button-link-active-bg: #D8EAFF;
  --button-danger-bg: #D13745;
  --button-danger-text: #FFF;
  --button-danger-border: #D13745;
  --button-danger-hover-bg: #DC4750;
  --button-danger-hover-border: #DC4750;
  --button-danger-active-bg: #AB2D39;
  --button-danger-active-border: #AB2D39;
  --button-opacity-disabled: 0.5;
  --input-border-radius: 8px;
  --input-tag-border-radius: 4px;
  --input-font-family: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
  --input-font-size: clamp(12px, 0.8889rem, 21px);
  --input-label-font-size: clamp(10px, 0.7778rem, 19px);
  --input-label-font-weight: 500;
  --input-helper-font-size: clamp(10px, 0.6667rem, 16px);
  --input-counter-font-size: clamp(10px, 0.6667rem, 16px);
  --input-padding: clamp(0px, 0.6667rem, 16px);
  --input-gap: clamp(0px, 0.4444rem, 11px);
  --input-label-padding: clamp(0px, 0.2222rem, 5px);
  --input-icon-position: clamp(0px, 0.6667rem, 16px);
  --input-bg-default: #FFF;
  --input-bg-readonly: #F2F2F2;
  --input-text-default: #1A1A1A;
  --input-text-placeholder: #BFBFBF;
  --input-label-text-default: #3D3D3D;
  --input-border-default: #D8D8D8;
  --input-border-focus: #247F93;
  --input-border-error: #E8585B;
  --input-border-success: #41963D;
  --input-border-readonly: #1A1A1A;
  --input-opacity-disabled: 0.5;
  --input-helper-text-default: #6D6D6D;
  --input-helper-text-error: #DC4750;
  --input-helper-text-success: #377524;
  --input-counter-text-default: #6D6D6D;
  --input-counter-text-near-limit: #BFBFBF;
  --input-tag-text: #6D6D6D;
  --input-asterisk: #E8585B;
  --spinner-success: #377524;
  --spinner-neutral: #6D6D6D;
  --spinner-primary: #13707F;
  --spinner-inverse: #FFF;
  --password-strength-weak: #E8585B;
  --password-strength-medium: #FDB317;
  --password-strength-strong: #41963D;
  --password-meter-bg: #F5F5F5;
  --animated-gradient-background-size: 200% 200%;
  --animated-gradient-animation-duration: 15s;
  --animated-gradient-teal-to-green-horizontal: linear-gradient(90deg, #4DB748 0%, #3794AA 100%);
  --animated-gradient-teal-to-green-vertical: linear-gradient(180deg, #4DB748 0%, #3794AA 100%);
  --animated-gradient-green-to-teal-horizontal: linear-gradient(90deg, #3794AA 0%, #4DB748 100%);
  --animated-gradient-green-to-teal-vertical: linear-gradient(180deg, #3794AA 0%, #4DB748 100%);
  --animated-gradient-overlay-bg: rgb(255 255 255 / 55%);
  --profile-border-radius: 9999px;
  --toggle-font-family: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
  --toggle-track-width: 52px;
  --toggle-track-height: 32px;
  --toggle-track-border-radius: 9999px;
  --toggle-thumb-size: 24px;
  --toggle-thumb-offset: 2px;
  --toggle-thumb-shadow: 0 1px 3px rgb(0 0 0 / 20%);
  --toggle-gap-horizontal: 12px;
  --toggle-gap-vertical: 8px;
  --toggle-label-font-size: clamp(10px, 0.7778rem, 19px);
  --toggle-label-font-weight: 500;
  --toggle-helper-font-size: clamp(10px, 0.6667rem, 16px);
  --toggle-track-bg-default: #F5F5F5;
  --toggle-track-bg-checked: #13707F;
  --toggle-track-border-default: #D8D8D8;
  --toggle-track-border-checked: #13707F;
  --toggle-track-border-error: #E8585B;
  --toggle-thumb-bg-default: #FFF;
  --toggle-thumb-bg-checked: #FFF;
  --toggle-label-text-default: #3D3D3D;
  --toggle-opacity-disabled: 0.5;
  --toggle-helper-text-default: #6D6D6D;
  --toggle-helper-text-error: #DC4750;
  --toggle-asterisk: #E8585B;
  --checkbox-font-family: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
  --checkbox-size: 20px;
  --checkbox-icon-size: 12px;
  --checkbox-border-radius: 4px;
  --checkbox-gap-vertical: 8px;
  --checkbox-gap-horizontal: 12px;
  --checkbox-label-font-size: clamp(10px, 0.7778rem, 19px);
  --checkbox-label-font-weight: 500;
  --checkbox-label-line-height: 1.4;
  --checkbox-label-text-default: #3D3D3D;
  --checkbox-bg-default: #F5F5F5;
  --checkbox-bg-checked: #13707F;
  --checkbox-border-default: #D8D8D8;
  --checkbox-border-checked: #13707F;
  --checkbox-border-error: #E8585B;
  --checkbox-icon-color-checked: #FFF;
  --checkbox-opacity-disabled: 0.5;
  --checkbox-helper-font-size: clamp(10px, 0.6667rem, 16px);
  --checkbox-helper-text-default: #6D6D6D;
  --checkbox-helper-text-error: #DC4750;
  --checkbox-asterisk: #E8585B;
  --checkbox-transition-duration: 0.15s;
  --checkbox-transition-timing: ease-in-out;
  --radio-font-family: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
  --radio-size: 20px;
  --radio-dot-size: 10px;
  --radio-gap-vertical: 8px;
  --radio-gap-horizontal: 12px;
  --radio-options-gap-vertical: clamp(0px, 0.6667rem, 16px);
  --radio-options-gap-horizontal: clamp(0px, 1.3333rem, 32px);
  --radio-label-font-size: clamp(10px, 0.7778rem, 19px);
  --radio-label-font-weight: 500;
  --radio-label-line-height: 1.4;
  --radio-label-text-default: #3D3D3D;
  --radio-bg-default: #F5F5F5;
  --radio-border-default: #D8D8D8;
  --radio-border-checked: #13707F;
  --radio-border-error: #E8585B;
  --radio-dot-bg-checked: #13707F;
  --radio-opacity-disabled: 0.5;
  --radio-helper-font-size: clamp(10px, 0.6667rem, 16px);
  --radio-helper-text-default: #6D6D6D;
  --radio-helper-text-error: #DC4750;
  --radio-asterisk: #E8585B;
  --radio-transition-duration: 0.15s;
  --radio-transition-timing: ease-in-out;
  --link-font-family: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
  --link-font-weight: 700;
  --link-font-weight-subtle: 400;
  --link-text-decoration: underline;
  --link-gap: clamp(0px, 0.2222rem, 5px);
  --link-color-default: #0D545F;
  --link-color-hover: #247F93;
  --link-color-active: #0D545F;
  --link-color-subtle: #595959;
  --link-color-subtle-hover: #3D3D3D;
  --link-color-disabled: #888;
  --link-focus-border-radius: 4px;
  --link-focus-outline-width: 2px;
  --link-focus-outline-offset: 2px;
  --link-focus-outline-color: #247F93;
  --link-opacity-disabled: 0.6;
  --link-external-icon-size: 12px;
  --link-transition-duration: 0.15s;
  --link-transition-timing: ease-in-out;
  --datepicker-calendar-width: 280px;
  --datepicker-calendar-z-index: 1000;
  --datepicker-calendar-bg: #FFF;
  --datepicker-calendar-border: #D8D8D8;
  --datepicker-calendar-shadow: 0px 10px 15px -3px #0000001A;
  --datepicker-input-padding-right: 44px;
  --datepicker-clear-size: 20px;
  --datepicker-clear-right: 36px;
  --datepicker-clear-bg: #F2F2F2;
  --datepicker-clear-bg-hover: #D8D8D8;
  --datepicker-clear-icon-color: #595959;
  --datepicker-icon-right: 12px;
  --datepicker-icon-color: #595959;
  --datepicker-nav-size: 32px;
  --datepicker-nav-icon-color: #595959;
  --datepicker-nav-bg-hover: #F2F2F2;
  --datepicker-weekday-gap: 2px;
  --datepicker-weekday-color: #595959;
  --datepicker-day-size: 32px;
  --datepicker-day-gap: 2px;
  --datepicker-day-color: #3D3D3D;
  --datepicker-day-bg: transparent;
  --datepicker-day-today-color: #0D545F;
  --datepicker-day-today-font-weight: 700;
  --datepicker-day-selected-bg: #13707F;
  --datepicker-day-selected-color: #FFF;
  --datepicker-day-selected-font-weight: 600;
  --datepicker-day-hover-bg: #F2F2F2;
  --datepicker-day-disabled-color: #888;
  --datepicker-day-disabled-opacity: 0.4;
  --datepicker-month-year-color: #3D3D3D;
  --datepicker-transition-duration: 0.15s;
  --datepicker-transition-timing: ease-in-out;
  --sheet-overlay-bg: rgb(0 0 0 / 30%);
  --sheet-overlay-bg-notification: rgb(0 0 0 / 25%);
  --sheet-backdrop-blur: 8px;
  --sheet-container-bg: #FFF;
  --sheet-border-radius-top: 20px;
  --sheet-shadow: 0px -4px 16px rgb(0 0 0 / 10%);
  --sheet-shadow-notification: 0px -8px 24px rgb(0 0 0 / 15%);
  --sheet-drag-indicator-width: 40px;
  --sheet-drag-indicator-height: 4px;
  --sheet-drag-indicator-border-radius: 2px;
  --sheet-drag-indicator-margin: 8px;
  --sheet-drag-indicator-bg: #E0E0E0;
  --sheet-z-index: 1000;
  --sheet-z-index-notification: 1100;
  --sheet-content-offset: 60px;
  --sheet-transition-duration: 0.3s;
  --sheet-transition-timing: ease-out;
  --drawer-overlay-bg: rgb(0 0 0 / 30%);
  --drawer-backdrop-blur: 8px;
  --drawer-bg: #FFF;
  --drawer-shadow-left: 4px 0 16px rgb(0 0 0 / 10%);
  --drawer-shadow-right: -4px 0 16px rgb(0 0 0 / 10%);
  --drawer-border-radius: 8px;
  --drawer-width-standard: 90vw;
  --drawer-width-full: 100vw;
  --drawer-z-index: 1000;
  --drawer-transition-duration: 0.3s;
  --drawer-transition-timing: ease-out;
  --modal-z-index: 1000;
  --modal-backdrop-bg: rgb(0 0 0 / 55%);
  --modal-bg: #FFF;
  --modal-border-radius: 8px;
  --modal-width: 320px;
  --modal-shadow: 0 8px 32px rgb(0 0 0 / 24%);
  --tab-bar-item-padding-vertical: clamp(0px, 0.8889rem, 21px);
  --tab-bar-item-padding-horizontal: clamp(0px, 0.4444rem, 11px);
  --tab-bar-item-font-family: 'Montserrat', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
  --tab-bar-item-font-size: clamp(10px, 0.7778rem, 19px);
  --tab-bar-item-font-weight: 700;
  --tab-bar-item-color-inactive: #6D6D6D;
  --tab-bar-item-color-active: #247F93;
  --tab-bar-indicator-height: 3px;
  --tab-bar-indicator-border-radius: 2px 2px 0 0;
  --tab-bar-indicator-color: #247F93;
  --tab-bar-transition-duration: 0.3s;
  --tab-bar-transition-timing: ease;
  --page-header-z-index: 100;
  --page-header-padding-vertical: clamp(0px, 0.4444rem, 11px);
  --page-header-padding-horizontal: clamp(0px, 0.8889rem, 21px);
  --page-header-min-height: 56px;
  --page-header-min-height-mobile: 48px;
  --page-header-min-height-tablet: 64px;
  --page-header-bg-default: #FFF;
  --page-header-bg-transparent: transparent;
  --page-header-bg-primary: #3794AA;
  --page-header-actions-gap: clamp(0px, 0.6667rem, 16px);
  --page-header-actions-gap-mobile: clamp(0px, 0.4444rem, 11px);
  --page-header-actions-gap-tablet: clamp(0px, 0.8889rem, 21px);
  --page-header-title-font-family: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
  --page-header-title-font-size: clamp(12px, 0.8889rem, 21px);
  --page-header-title-font-weight: 700;
  --page-header-title-color: #3D3D3D;
  --page-header-back-link-font-family: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
  --page-header-back-link-font-size: clamp(12px, 0.8889rem, 21px);
  --page-header-back-link-font-weight: 700;
  --page-header-back-link-gap: clamp(0px, 0.2222rem, 5px);
  --page-header-back-link-icon-size: 20px;
  --skeleton-animation-duration: 1.5s;
  --skeleton-gradient-size: 200px;
  --skeleton-gradient-color-1: #F0F0F0;
  --skeleton-gradient-color-2: #E0E0E0;
  --skeleton-box-margin-bottom: 8px;
  --skeleton-line-margin-bottom: 8px;
  --skeleton-circle-margin-bottom: 8px;
  --skeleton-card-gap: 12px;
  --skeleton-card-padding: 16px;
  --skeleton-card-border-radius: 8px;
  --skeleton-card-bg: #F9F9F9;
  --skeleton-card-border-color: #F5F5F5;
  --skeleton-card-content-gap: 8px;
  --skeleton-list-item-gap: 8px;
  --skeleton-list-item-padding-vertical: 12px;
  --error-display-border-radius: 8px;
  --error-display-content-gap: clamp(0px, 0.8889rem, 21px);
  --error-display-message-container-gap: clamp(0px, 0.6667rem, 16px);
  --error-display-text-content-gap: clamp(0px, 0.2222rem, 5px);
  --error-display-actions-gap: clamp(0px, 0.4444rem, 11px);
  --error-display-actions-margin-top: clamp(0px, 0.2222rem, 5px);
  --error-display-icon-size: 20px;
  --error-display-icon-margin-top: 2px;
  --error-display-icon-color: #DC4750;
  --error-display-dismiss-padding: clamp(0px, 0.2222rem, 5px);
  --error-display-dismiss-border-radius: 4px;
  --error-display-dismiss-color: #888;
  --error-display-dismiss-color-hover: #1A1A1A;
  --error-display-dismiss-bg-hover: #F2F2F2;
  --error-display-dismiss-outline-width: 2px;
  --error-display-dismiss-outline-offset: 1px;
  --error-display-dismiss-outline-color: #47A6B8;
  --error-display-inline-padding: clamp(0px, 0.8889rem, 21px);
  --error-display-inline-border-color: #FFC9C6;
  --error-display-inline-bg: #FFF7F6;
  --error-display-inline-title-color: #D13745;
  --error-display-inline-message-color: #595959;
  --error-display-banner-margin-bottom: clamp(0px, 0.8889rem, 21px);
  --error-display-banner-padding-vertical: clamp(0px, 0.6667rem, 16px);
  --error-display-banner-padding-horizontal: clamp(0px, 0.8889rem, 21px);
  --error-display-banner-border-width: 4px;
  --error-display-banner-border-color: #DC4750;
  --error-display-banner-bg: #FFF7F6;
  --error-display-banner-title-color: #D13745;
  --error-display-banner-message-color: #595959;
  --error-display-toast-z-index: 9999;
  --error-display-toast-min-width: 320px;
  --error-display-toast-max-width: 400px;
  --error-display-toast-padding: clamp(0px, 0.8889rem, 21px);
  --error-display-toast-border-color: #F5F5F5;
  --error-display-toast-shadow: 0px 10px 15px -3px #0000001A;
  --error-display-toast-bg: #FFF;
  --error-display-modal-z-index: 10000;
  --error-display-modal-min-width: 320px;
  --error-display-modal-max-width: 500px;
  --error-display-modal-max-height: 80vh;
  --error-display-modal-padding: clamp(0px, 1.3333rem, 32px);
  --error-display-modal-border-radius: 16px;
  --error-display-modal-shadow: 0px 10px 15px -3px #0000001A;
  --error-display-modal-bg: #FFF;
  --error-display-modal-backdrop-bg: rgb(0 0 0 / 50%);
  --error-display-transition-duration: 0.3s;
  --info-button-padding: 0;
  --info-button-background: none;
  --info-button-border: none;
  --info-button-cursor: pointer;
  --maintenance-screen-bg: #FFF;
  --maintenance-screen-container-max-width: 393px;
  --maintenance-screen-container-gap: clamp(0px, 1.3333rem, 32px);
  --maintenance-screen-container-padding-block: clamp(0px, 1.3333rem, 32px);
  --maintenance-screen-container-padding-inline: clamp(0px, 0.8889rem, 21px);
  --maintenance-screen-illustration-line-height: 0;
  --session-expired-bg: #FFF;
  --session-expired-container-max-width: 393px;
  --session-expired-container-gap: clamp(0px, 1.3333rem, 32px);
  --session-expired-container-padding-block: clamp(0px, 1.3333rem, 32px);
  --session-expired-container-padding-inline: clamp(0px, 0.8889rem, 21px);
  --session-expired-illustration-line-height: 0;
  --page-transition-container-height: 100vh;
  --page-transition-slide-offset-back: -30%;
  --page-transition-slide-offset-forward: 100%;
  --page-transition-opacity-back: 0.8;
  --page-transition-opacity-forward: 1;
  --page-transition-duration: 0.35s;
  --page-transition-duration-none: 0s;
  --page-transition-easing: cubic-bezier(0.2, 0.0, 0.2, 1.0);
  --badge-font-family: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
  --badge-font-weight: 600;
  --badge-font-size-sm: clamp(10px, 0.6667rem, 16px);
  --badge-font-size-md: clamp(10px, 0.7778rem, 19px);
  --badge-border-radius: 16px;
  --badge-border-radius-full: 9999px;
  --badge-height-sm: 24px;
  --badge-height-md: 28px;
  --badge-padding-horizontal: clamp(0px, 0.4444rem, 11px);
  --badge-padding-vertical: clamp(0px, 0.2222rem, 5px);
  --badge-gap: clamp(0px, 0.2222rem, 5px);
  --badge-dot-size: clamp(0px, 0.4444rem, 11px);
  --badge-icon-size-sm: 14px;
  --badge-icon-size-md: 18px;
  --badge-stat-blue-bg: #F0F7FF;
  --badge-stat-blue-text: #595959;
  --badge-stat-yellow-bg: #FFEDB8;
  --badge-stat-yellow-text: #595959;
  --badge-status-success-bg: #E8F9E1;
  --badge-status-success-text: #377524;
  --badge-status-success-dot: #4DB748;
  --badge-status-neutral-bg: #888;
  --badge-status-neutral-text: #FFF;
  --badge-status-info-bg: #F0F7FF;
  --badge-status-info-text: #1565BB;
  --badge-status-info-dot: #0F6FDD;
  --badge-status-warning-bg: #FFEDB8;
  --badge-status-warning-text: #595959;
  --badge-status-warning-dot: #FCAB17;
  --badge-status-error-bg: #FFF7F6;
  --badge-status-error-text: #D13745;
  --badge-status-error-dot: #E8585B;
  --badge-count-primary-bg: #13707F;
  --badge-count-primary-text: #FFF;
  --badge-count-secondary-bg: #F5F5F5;
  --badge-count-secondary-text: #595959;
  --badge-border-color: #FFF;
  --badge-border-width: 2px;
}

/* Dark Theme */
[data-theme="dark"] {
  --text-primary: #FFF;
  --text-secondary: #F2F2F2;
  --text-call-out: #75CFD6;
  --text-on-primary: #1A1A1A;
  --text-on-color: #FFF;
  --text-on-gradient: #FFF;
  --text-ghost: #888;
  --text-negative: #F46866;
  --text-hyperlink: #A9D0FF;
  --surface-page: #1A1A1A;
  --surface-gradient: linear-gradient(90deg, #29541B 0%, #0D545F 100%);
  --surface-card: #3D3D3D;
  --surface-success: #29541B;
  --surface-failure: #AB2D39;
  --surface-info: #1A5A99;
  --surface-ai: #7A69BA;
  --surface-header: #3D3D3D;
  --surface-footer: #3D3D3D;
  --surface-primary-button: #47A6B8;
  --surface-disabled: #3D3D3D;
  --surface-list: #3D3D3D;
  --surface-discrete-area: #595959;
  --icon-primary: #75CFD6;
  --icon-secondary: #888;
  --icon-call-out: #75CFD6;
  --icon-warning: #FDB317;
  --icon-error: #E8585B;
  --icon-on-primary: #FFF;
  --icon-success: #6FCA5C;
  --icon-information: #A9D0FF;
  --line-separating-content: #3D3D3D;
  --line-highlighting-content: #75CFD6;
  --button-border-radius: 32px;
  --button-font-family: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
  --button-font-weight: 700;
  --button-shadow-sm: 0px 1px 2px 0px #0003;
  --button-shadow-md: 0px 4px 6px -1px #0000001A;
  --button-padding-xs: clamp(0px, 0.8889rem, 21px);
  --button-padding-sm: clamp(0px, 1.3333rem, 32px);
  --button-padding-base: clamp(0px, 1.7778rem, 43px);
  --button-font-size-xs: clamp(10px, 0.6667rem, 16px);
  --button-font-size-sm: clamp(10px, 0.7778rem, 19px);
  --button-font-size-base: clamp(12px, 0.8889rem, 21px);
  --button-font-size-lg: clamp(13px, 1rem, 24px);
  --button-primary-bg: #47A6B8;
  --button-primary-text: #1A1A1A;
  --button-primary-border: #47A6B8;
  --button-primary-hover-bg: #50C0CC;
  --button-primary-hover-border: #50C0CC;
  --button-primary-active-bg: #3794AA;
  --button-primary-active-border: #3794AA;
  --button-secondary-bg: #595959;
  --button-secondary-text: #75CFD6;
  --button-secondary-border: #75CFD6;
  --button-secondary-hover-bg: #6D6D6D;
  --button-secondary-hover-border: #9BE1E1;
  --button-secondary-hover-text: #9BE1E1;
  --button-secondary-active-bg: #3D3D3D;
  --button-secondary-active-border: #50C0CC;
  --button-secondary-active-text: #50C0CC;
  --button-tertiary-bg: #BFBFBF;
  --button-tertiary-text: #1A1A1A;
  --button-tertiary-border: #BFBFBF;
  --button-tertiary-hover-bg: #D8D8D8;
  --button-tertiary-hover-border: #D8D8D8;
  --button-tertiary-active-bg: #888;
  --button-tertiary-active-border: #888;
  --button-text-text: #50C0CC;
  --button-text-hover-bg: #3D3D3D;
  --button-text-active-bg: #595959;
  --button-success-bg: #6FCA5C;
  --button-success-text: #1A1A1A;
  --button-success-border: #6FCA5C;
  --button-success-hover-bg: #8ED372;
  --button-success-hover-border: #8ED372;
  --button-success-active-bg: #4DB748;
  --button-success-active-border: #4DB748;
  --button-link-text: #A9D0FF;
  --button-link-hover-bg: #3D3D3D;
  --button-link-active-bg: #595959;
  --button-danger-bg: #F46866;
  --button-danger-text: #1A1A1A;
  --button-danger-border: #F46866;
  --button-danger-hover-bg: #FF7871;
  --button-danger-hover-border: #FF7871;
  --button-danger-active-bg: #E8585B;
  --button-danger-active-border: #E8585B;
  --button-opacity-disabled: 0.5;
  --input-border-radius: 8px;
  --input-tag-border-radius: 4px;
  --input-font-family: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
  --input-font-size: clamp(12px, 0.8889rem, 21px);
  --input-label-font-size: clamp(10px, 0.7778rem, 19px);
  --input-label-font-weight: 500;
  --input-helper-font-size: clamp(10px, 0.6667rem, 16px);
  --input-counter-font-size: clamp(10px, 0.6667rem, 16px);
  --input-padding: clamp(0px, 0.6667rem, 16px);
  --input-gap: clamp(0px, 0.4444rem, 11px);
  --input-label-padding: clamp(0px, 0.2222rem, 5px);
  --input-icon-position: clamp(0px, 0.6667rem, 16px);
  --input-bg-default: #3D3D3D;
  --input-bg-readonly: #1A1A1A;
  --input-text-default: #F2F2F2;
  --input-text-placeholder: #888;
  --input-label-text-default: #F5F5F5;
  --input-border-default: #6D6D6D;
  --input-border-focus: #47A6B8;
  --input-border-error: #F46866;
  --input-border-success: #6FCA5C;
  --input-border-readonly: #888;
  --input-opacity-disabled: 0.5;
  --input-helper-text-default: #BFBFBF;
  --input-helper-text-error: #F46866;
  --input-helper-text-success: #8ED372;
  --input-counter-text-default: #BFBFBF;
  --input-counter-text-near-limit: #888;
  --input-tag-text: #D8D8D8;
  --input-asterisk: #F46866;
  --spinner-success: #6FCA5C;
  --spinner-neutral: #BFBFBF;
  --spinner-primary: #50C0CC;
  --spinner-inverse: #1A1A1A;
  --password-strength-weak: #F46866;
  --password-strength-medium: #FFBB17;
  --password-strength-strong: #6FCA5C;
  --password-meter-bg: #595959;
  --animated-gradient-background-size: 200% 200%;
  --animated-gradient-animation-duration: 15s;
  --animated-gradient-teal-to-green-horizontal: linear-gradient(90deg, #4DB748 0%, #3794AA 100%);
  --animated-gradient-teal-to-green-vertical: linear-gradient(180deg, #4DB748 0%, #3794AA 100%);
  --animated-gradient-green-to-teal-horizontal: linear-gradient(90deg, #3794AA 0%, #4DB748 100%);
  --animated-gradient-green-to-teal-vertical: linear-gradient(180deg, #3794AA 0%, #4DB748 100%);
  --animated-gradient-overlay-bg: rgb(0 0 0 / 50%);
  --toggle-track-bg-default: #6D6D6D;
  --toggle-track-bg-checked: #47A6B8;
  --toggle-track-border-default: #6D6D6D;
  --toggle-track-border-checked: #47A6B8;
  --toggle-track-border-error: #F46866;
  --toggle-thumb-bg-default: #D8D8D8;
  --toggle-thumb-bg-checked: #1A1A1A;
  --toggle-label-text-default: #F5F5F5;
  --toggle-helper-text-default: #BFBFBF;
  --toggle-helper-text-error: #F46866;
  --toggle-asterisk: #F46866;
  --toggle-opacity-disabled: 0.5;
  --checkbox-label-text-default: #F5F5F5;
  --checkbox-bg-default: #6D6D6D;
  --checkbox-bg-checked: #47A6B8;
  --checkbox-border-default: #6D6D6D;
  --checkbox-border-checked: #47A6B8;
  --checkbox-border-error: #F46866;
  --checkbox-icon-color-checked: #1A1A1A;
  --checkbox-helper-text-default: #BFBFBF;
  --checkbox-helper-text-error: #F46866;
  --checkbox-asterisk: #F46866;
  --checkbox-opacity-disabled: 0.5;
  --radio-label-text-default: #F5F5F5;
  --radio-bg-default: #6D6D6D;
  --radio-border-default: #6D6D6D;
  --radio-border-checked: #47A6B8;
  --radio-border-error: #F46866;
  --radio-dot-bg-checked: #47A6B8;
  --radio-opacity-disabled: 0.5;
  --radio-helper-text-default: #BFBFBF;
  --radio-helper-text-error: #F46866;
  --radio-asterisk: #F46866;
  --link-color-default: #75CFD6;
  --link-color-hover: #9BE1E1;
  --link-color-active: #50C0CC;
  --link-color-subtle: #D8D8D8;
  --link-color-subtle-hover: #F2F2F2;
  --link-color-disabled: #6D6D6D;
  --link-focus-outline-color: #47A6B8;
  --datepicker-calendar-bg: #3D3D3D;
  --datepicker-calendar-border: #6D6D6D;
  --datepicker-clear-bg: #595959;
  --datepicker-clear-bg-hover: #6D6D6D;
  --datepicker-clear-icon-color: #D8D8D8;
  --datepicker-icon-color: #D8D8D8;
  --datepicker-nav-icon-color: #D8D8D8;
  --datepicker-nav-bg-hover: #595959;
  --datepicker-weekday-color: #D8D8D8;
  --datepicker-day-color: #F2F2F2;
  --datepicker-day-today-color: #75CFD6;
  --datepicker-day-selected-bg: #47A6B8;
  --datepicker-day-selected-color: #1A1A1A;
  --datepicker-day-hover-bg: #595959;
  --datepicker-day-disabled-color: #6D6D6D;
  --datepicker-month-year-color: #F2F2F2;
  --sheet-container-bg: #3D3D3D;
  --sheet-drag-indicator-bg: #6D6D6D;
  --drawer-bg: #3D3D3D;
  --tab-bar-item-color-inactive: #BFBFBF;
  --tab-bar-item-color-active: #50C0CC;
  --tab-bar-indicator-color: #50C0CC;
  --page-header-bg-default: #3D3D3D;
  --page-header-bg-primary: #47A6B8;
  --page-header-title-color: #F2F2F2;
  --skeleton-gradient-color-1: #3D3D3D;
  --skeleton-gradient-color-2: #595959;
  --skeleton-card-bg: #3D3D3D;
  --skeleton-card-border-color: #595959;
  --error-display-icon-color: #F46866;
  --error-display-dismiss-color: #BFBFBF;
  --error-display-dismiss-color-hover: #F2F2F2;
  --error-display-dismiss-bg-hover: #595959;
  --error-display-dismiss-outline-color: #50C0CC;
  --error-display-inline-border-color: #AB2D39;
  --error-display-inline-bg: #3D3D3D;
  --error-display-inline-title-color: #F46866;
  --error-display-inline-message-color: #D8D8D8;
  --error-display-banner-border-color: #F46866;
  --error-display-banner-bg: #3D3D3D;
  --error-display-banner-title-color: #F46866;
  --error-display-banner-message-color: #D8D8D8;
  --error-display-toast-border-color: #6D6D6D;
  --error-display-toast-bg: #3D3D3D;
  --error-display-modal-bg: #3D3D3D;
  --maintenance-screen-bg: #3D3D3D;
  --session-expired-bg: #3D3D3D;
  --badge-stat-blue-bg: #1A5A99;
  --badge-stat-blue-text: #A9D0FF;
  --badge-stat-yellow-bg: #F58C17;
  --badge-stat-yellow-text: #FFD666;
  --badge-status-success-bg: #1A3612;
  --badge-status-success-text: #A7E18E;
  --badge-status-success-dot: #6FCA5C;
  --badge-status-neutral-bg: #6D6D6D;
  --badge-status-neutral-text: #F2F2F2;
  --badge-status-info-bg: #1A5A99;
  --badge-status-info-text: #A9D0FF;
  --badge-status-info-dot: #0D75EE;
  --badge-status-warning-bg: #F58C17;
  --badge-status-warning-text: #FFD666;
  --badge-status-warning-dot: #FDB317;
  --badge-status-error-bg: #88242D;
  --badge-status-error-text: #FFC9C6;
  --badge-status-error-dot: #F46866;
  --badge-count-primary-bg: #47A6B8;
  --badge-count-primary-text: #1A1A1A;
  --badge-count-secondary-bg: #595959;
  --badge-count-secondary-text: #F5F5F5;
  --badge-border-color: #3D3D3D;
}

/* Testing Theme (QA) */
[data-theme="testing"] {
  --text-primary: #AB2D39;
  --text-secondary: #DC4750;
  --text-call-out: #88242D;
  --text-on-primary: #FFF;
  --text-on-color: #88242D;
  --text-on-gradient: #88242D;
  --text-ghost: #F46866;
  --text-negative: #88242D;
  --text-hyperlink: #D13745;
  --surface-page: #FFE7E5;
  --surface-gradient: linear-gradient(90deg, #FFC9C6 0%, #F46866 100%);
  --surface-card: #FFF7F6;
  --surface-success: #FFC9C6;
  --surface-failure: #FFC9C6;
  --surface-info: #FFE7E5;
  --surface-ai: #FFC9C6;
  --surface-header: #FFF7F6;
  --surface-footer: #FFF7F6;
  --surface-primary-button: #D13745;
  --surface-disabled: #FFE7E5;
  --surface-list: #FFF7F6;
  --surface-discrete-area: #FFE7E5;
  --icon-primary: #AB2D39;
  --icon-secondary: #E8585B;
  --icon-call-out: #D13745;
  --icon-warning: #F46866;
  --icon-error: #AB2D39;
  --icon-on-primary: #FFF;
  --icon-success: #DC4750;
  --icon-information: #AB2D39;
  --line-separating-content: #F46866;
  --line-highlighting-content: #D13745;
}