:root { --ams-color-1: #ffffff; --ams-color-2: #298277; --ams-color-3: #CE0044; --ams-color-4: #000000; --ams-color-5: #236F65; --ams-color-6: #AF003A; --ams-color-7: #F0F0F0; --ams-color-8: rgba(0,0,0,0.5); --ams-color-9: rgba(0,0,0,0.2); --ams-color-10: #0b52bf; --ams-color-11: #ffffff; --ams-color-12: #ffffff; --ams-color-13: #298277; --ams-color-14: #ce0044; --ams-color-15: #f3dbd2; --ams-color-16: #f0f0f0; --ams-color-17: #faf2ef; --ams-color-18: #000000; --ams-color-19: #FFFFFF; --ams-color-20: #000000; --ams-color-21: #ce0044; --ams-color-22: #FF005E; --ams-color-23: #1e73be; --ams-color-24: #006b5e; --ams-color-25: #008c80; --ams-color-26: #d83369; --ams-color-27: #f9dee7; --ams-color-28: #f3bfd0; --ams-color-29: #D8D8D8; } [data-color-scheme="footer"] { --ams-color-global-heading: var(--ams-color-1); --ams-color-global-subheading: var(--ams-color-1); --ams-color-global-text: var(--ams-color-1); --ams-color-global-bg: var(--ams-color-2); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-1); --ams-color-button-bg-hover: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-1); --ams-color-card-text: var(--ams-color-1); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); } [data-color-scheme="kurslistning"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-3); --ams-color-global-link-hover: var(--ams-color-3); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-3); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-6); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-1); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-2); --ams-color-card-bg-hover: var(--ams-color-5); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-2); --ams-color-card-btn-bg-hover: var(--ams-color-5); --ams-color-card-btn-bg-active: var(--ams-color-5); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-3); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-form-label-text: var(--ams-color-1); --ams-color-form-help-text: var(--ams-color-1); --ams-color-form-field-text: var(--ams-color-1); --ams-color-form-field-text-hover: var(--ams-color-1); --ams-color-form-field-text-active: var(--ams-color-1); --ams-color-form-field-placeholder: var(--ams-color-1); --ams-color-form-field-placeholder-hover: var(--ams-color-1); --ams-color-form-field-placeholder-active: var(--ams-color-1); --ams-color-form-field-bg: var(--ams-color-1); --ams-color-form-field-bg-hover: var(--ams-color-1); --ams-color-form-field-bg-active: var(--ams-color-1); --ams-color-form-field-border: var(--ams-color-1); --ams-color-form-field-border-hover: var(--ams-color-1); --ams-color-form-field-focus: var(--ams-color-1); --ams-color-form-dropdown-text: var(--ams-color-1); --ams-color-form-dropdown-text-hover: var(--ams-color-1); --ams-color-form-dropdown-text-active: var(--ams-color-1); --ams-color-form-dropdown-bg: var(--ams-color-1); --ams-color-form-dropdown-bg-hover: var(--ams-color-1); --ams-color-form-dropdown-bg-active: var(--ams-color-1); --ams-color-form-dropdown-group-text: var(--ams-color-1); --ams-color-form-dropdown-group-separator: var(--ams-color-1); --ams-color-form-validation-error-text: var(--ams-color-1); --ams-color-form-validation-error-bg: var(--ams-color-1); --ams-color-form-validation-error-border: var(--ams-color-1); --ams-color-filter-btn-text: var(--ams-color-1); --ams-color-filter-btn-text-hover: var(--ams-color-1); --ams-color-filter-btn-text-active: var(--ams-color-1); --ams-color-filter-btn-bg: var(--ams-color-1); --ams-color-filter-btn-bg-hover: var(--ams-color-1); --ams-color-filter-btn-bg-active: var(--ams-color-1); --ams-color-filter-btn-focus: var(--ams-color-1); --ams-color-filter-btn-border: var(--ams-color-1); --ams-color-filter-dropdown-text: var(--ams-color-1); --ams-color-filter-dropdown-text-hover: var(--ams-color-1); --ams-color-filter-dropdown-text-active: var(--ams-color-1); --ams-color-filter-dropdown-bg: var(--ams-color-1); --ams-color-filter-dropdown-bg-hover: var(--ams-color-1); --ams-color-filter-dropdown-bg-active: var(--ams-color-1); --ams-color-filter-dropdown-group-text: var(--ams-color-1); --ams-color-filter-dropdown-group-separator: var(--ams-color-1); --ams-color-filter-checkbox-bg: var(--ams-color-1); --ams-color-filter-checkbox-bg-hover: var(--ams-color-1); --ams-color-filter-checkbox-bg-active: var(--ams-color-1); --ams-color-filter-checkbox-border: var(--ams-color-1); --ams-color-filter-checkbox-border-hover: var(--ams-color-1); --ams-color-filter-checkbox-border-active: var(--ams-color-1); --ams-color-filter-checkbox-focus: var(--ams-color-1); --ams-color-filter-search-text: var(--ams-color-1); --ams-color-filter-search-placeholder: var(--ams-color-1); --ams-color-filter-search-bg: var(--ams-color-1); --ams-color-filter-search-border: var(--ams-color-1); --ams-color-filter-search-border-active: var(--ams-color-1); --ams-color-filter-validation-error-text: var(--ams-color-1); --ams-color-filter-validation-error-bg: var(--ams-color-1); --ams-color-filter-validation-error-border: var(--ams-color-1); } [data-color-scheme="poangplan"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-3); --ams-color-global-link-hover: var(--ams-color-3); --ams-color-global-icon: var(--ams-color-3); --ams-color-global-icon-hover: var(--ams-color-3); --ams-color-button-text: var(--ams-color-19); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-7); --ams-color-card-bg-active: var(--ams-color-7); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-4); --ams-color-card-border-hover: var(--ams-color-4); --ams-color-card-border-active: var(--ams-color-4); --ams-color-card-icon: var(--ams-color-4); --ams-color-card-icon-hover: var(--ams-color-4); --ams-color-card-icon-active: var(--ams-color-7); --ams-color-card-btn-text: var(--ams-color-4); --ams-color-card-btn-text-hover: var(--ams-color-4); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-7); --ams-color-card-btn-bg-hover: var(--ams-color-7); --ams-color-card-btn-bg-active: var(--ams-color-2); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-7); --ams-color-card-btn-border: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-3); --ams-color-global-link-border-hover: var(--ams-color-3); --ams-color-global-focus: var(--ams-color-1); } [data-color-scheme="gra"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-7); --ams-color-global-link: var(--ams-color-3); --ams-color-global-link-hover: var(--ams-color-3); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-3); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg: var(--ams-color-7); --ams-color-card-bg-hover: var(--ams-color-7); --ams-color-card-bg-active: var(--ams-color-7); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-4); --ams-color-card-border-hover: var(--ams-color-4); --ams-color-card-border-active: var(--ams-color-4); --ams-color-card-icon: var(--ams-color-3); --ams-color-card-icon-hover: var(--ams-color-3); --ams-color-card-icon-active: var(--ams-color-3); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-form-label-text: var(--ams-color-4); --ams-color-form-help-text: var(--ams-color-4); --ams-color-form-field-text: var(--ams-color-4); --ams-color-form-field-text-hover: var(--ams-color-4); --ams-color-form-field-text-active: var(--ams-color-4); --ams-color-form-field-placeholder: var(--ams-color-8); --ams-color-form-field-placeholder-hover: var(--ams-color-8); --ams-color-form-field-placeholder-active: var(--ams-color-8); --ams-color-form-field-bg: var(--ams-color-1); --ams-color-form-field-bg-hover: var(--ams-color-1); --ams-color-form-field-bg-active: var(--ams-color-1); --ams-color-form-field-border: var(--ams-color-8); --ams-color-form-field-border-hover: var(--ams-color-1); --ams-color-form-field-focus: var(--ams-color-4); --ams-color-form-dropdown-text: var(--ams-color-4); --ams-color-form-dropdown-text-hover: var(--ams-color-4); --ams-color-form-dropdown-text-active: var(--ams-color-4); --ams-color-form-dropdown-bg: var(--ams-color-1); --ams-color-form-dropdown-bg-hover: var(--ams-color-9); --ams-color-form-dropdown-bg-active: var(--ams-color-8); --ams-color-form-dropdown-group-text: var(--ams-color-4); --ams-color-form-dropdown-group-separator: var(--ams-color-8); --ams-color-form-validation-error-text: var(--ams-color-6); --ams-color-form-validation-error-bg: var(--ams-color-1); } [data-color-scheme="vit"] { --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-global-highlight: var(--ams-color-3); --ams-color-global-text: var(--ams-color-20); --ams-color-global-bg: var(--ams-color-11); --ams-color-global-link: var(--ams-color-3); --ams-color-global-link-hover: var(--ams-color-6); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-19); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-20); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-11); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-card-heading: var(--ams-color-20); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); } [data-color-scheme="vit-2"] { --ams-color-global-heading: var(--ams-color-1); --ams-color-global-subheading: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-1); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-3); --ams-color-button-text-hover: var(--ams-color-3); --ams-color-button-text-active: var(--ams-color-3); --ams-color-button-bg: var(--ams-color-1); --ams-color-button-bg-hover: var(--ams-color-7); --ams-color-button-bg-active: var(--ams-color-7); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-1); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); } [data-color-scheme="hero"] { --ams-color-global-heading: var(--ams-color-1); --ams-color-global-subheading: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-3); --ams-color-global-text: var(--ams-color-1); --ams-color-global-bg: var(--ams-color-2); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-3); --ams-color-button-text-hover: var(--ams-color-3); --ams-color-button-text-active: var(--ams-color-3); --ams-color-button-bg: var(--ams-color-1); --ams-color-button-bg-hover: var(--ams-color-7); --ams-color-button-bg-active: var(--ams-color-7); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-1); --ams-color-card-text: var(--ams-color-1); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); } [data-color-scheme="bakgrund-card-primar1-light-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-19); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-card-text: var(--ams-color-19); --ams-color-card-btn-border: var(--ams-color-19); --ams-color-card-bg: var(--ams-color-13); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme="primar1-light-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-13); --ams-color-card-bg: var(--ams-color-13); --ams-color-button-text: var(--ams-color-19); --ams-color-global-heading: var(--ams-color-19); --ams-color-global-subheading: var(--ams-color-19); --ams-color-global-text: var(--ams-color-19); --ams-color-button-border: var(--ams-color-19); --ams-color-card-text: var(--ams-color-19); --ams-color-card-btn-border: var(--ams-color-19); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); } [data-color-scheme="bakgrund-card-primar1-light-hover-standard_faq"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-card-text: var(--ams-color-19); --ams-color-card-btn-border: var(--ams-color-19); --ams-color-card-bg: var(--ams-color-13); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-25); --ams-color-card-btn-bg-hover: var(--ams-color-25); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); } [data-color-scheme="nyans2_av_p2-hover-standard"] { --ams-color-global-bg: var(--ams-color-16); --ams-color-card-bg: var(--ams-color-16); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-card-text: var(--ams-color-20); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-4); --ams-color-global-icon-hover: var(--ams-color-14); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-link: var(--ams-color-18); --ams-color-global-icon: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-3); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-20); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-3); --ams-color-global-link-border-hover: var(--ams-color-3); --ams-color-global-focus: var(--ams-color-1); } [data-color-scheme="bakgrund-hover-standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-card-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-card-text: var(--ams-color-20); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-4); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-link: var(--ams-color-4); --ams-color-global-icon: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-20); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-3); --ams-color-global-link-border-hover: var(--ams-color-3); --ams-color-global-focus: var(--ams-color-5); } [data-color-scheme="vit-hover-standard"] { --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-global-highlight: var(--ams-color-3); --ams-color-global-text: var(--ams-color-20); --ams-color-global-bg: var(--ams-color-11); --ams-color-global-link: var(--ams-color-3); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-19); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-20); --ams-color-card-text: var(--ams-color-20); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-11); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-card-heading: var(--ams-color-20); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); } [data-color-scheme="bakgrund-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-card-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-card-text: var(--ams-color-20); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-20); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme="usp"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-3); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); } [data-color-scheme="cards"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-4); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-3); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-1); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-2); --ams-color-card-bg-hover: var(--ams-color-5); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-2); --ams-color-card-border-hover: var(--ams-color-5); --ams-color-card-border-active: var(--ams-color-5); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-5); --ams-color-card-btn-bg-active: var(--ams-color-5); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-form-label-text: var(--ams-color-4); --ams-color-form-help-text: var(--ams-color-1); --ams-color-form-field-text: var(--ams-color-4); --ams-color-form-field-text-hover: var(--ams-color-4); --ams-color-form-field-text-active: var(--ams-color-4); --ams-color-form-field-placeholder: var(--ams-color-1); --ams-color-form-field-placeholder-hover: var(--ams-color-1); --ams-color-form-field-placeholder-active: var(--ams-color-1); --ams-color-form-field-bg: var(--ams-color-1); --ams-color-form-field-bg-hover: var(--ams-color-1); --ams-color-form-field-bg-active: var(--ams-color-1); --ams-color-form-field-border: var(--ams-color-4); --ams-color-form-field-border-hover: var(--ams-color-4); --ams-color-form-field-focus: var(--ams-color-10); --ams-color-form-dropdown-text: var(--ams-color-4); --ams-color-form-dropdown-text-hover: var(--ams-color-4); --ams-color-form-dropdown-text-active: var(--ams-color-4); --ams-color-form-dropdown-bg: var(--ams-color-1); --ams-color-form-dropdown-bg-hover: var(--ams-color-1); --ams-color-form-dropdown-bg-active: var(--ams-color-1); --ams-color-form-dropdown-group-text: var(--ams-color-1); --ams-color-form-dropdown-group-separator: var(--ams-color-1); --ams-color-form-validation-error-text: var(--ams-color-1); --ams-color-form-validation-error-bg: var(--ams-color-1); --ams-color-form-validation-error-border: var(--ams-color-1); --ams-color-filter-btn-text: var(--ams-color-4); --ams-color-filter-btn-text-hover: var(--ams-color-4); --ams-color-filter-btn-text-active: var(--ams-color-4); --ams-color-filter-btn-bg: var(--ams-color-1); --ams-color-filter-btn-bg-hover: var(--ams-color-1); --ams-color-filter-btn-bg-active: var(--ams-color-1); --ams-color-filter-btn-focus: var(--ams-color-10); --ams-color-filter-btn-border: var(--ams-color-4); --ams-color-filter-dropdown-text: var(--ams-color-4); --ams-color-filter-dropdown-text-hover: var(--ams-color-4); --ams-color-filter-dropdown-text-active: var(--ams-color-4); --ams-color-filter-dropdown-bg: var(--ams-color-1); --ams-color-filter-dropdown-bg-hover: var(--ams-color-7); --ams-color-filter-dropdown-bg-active: var(--ams-color-1); --ams-color-filter-dropdown-group-text: var(--ams-color-4); --ams-color-filter-dropdown-group-separator: var(--ams-color-4); --ams-color-filter-checkbox-bg: var(--ams-color-1); --ams-color-filter-checkbox-bg-hover: var(--ams-color-1); --ams-color-filter-checkbox-bg-active: var(--ams-color-1); --ams-color-filter-checkbox-border: var(--ams-color-4); --ams-color-filter-checkbox-border-hover: var(--ams-color-4); --ams-color-filter-checkbox-border-active: var(--ams-color-4); --ams-color-filter-checkbox-focus: var(--ams-color-10); --ams-color-filter-search-text: var(--ams-color-1); --ams-color-filter-search-placeholder: var(--ams-color-1); --ams-color-filter-search-bg: var(--ams-color-1); --ams-color-filter-search-border: var(--ams-color-1); --ams-color-filter-search-border-active: var(--ams-color-1); --ams-color-filter-validation-error-text: var(--ams-color-1); --ams-color-filter-validation-error-bg: var(--ams-color-1); --ams-color-filter-validation-error-border: var(--ams-color-1); } [data-color-scheme="usp-gra"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-7); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-3); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg: var(--ams-color-7); --ams-color-card-bg-hover: var(--ams-color-7); --ams-color-card-bg-active: var(--ams-color-7); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); } [data-color-scheme="bakgrund-light-hover-standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-card-bg: var(--ams-color-12); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-global-heading: var(--ams-color-19); --ams-color-global-subheading: var(--ams-color-19); --ams-color-global-text: var(--ams-color-19); --ams-color-button-border: var(--ams-color-19); --ams-color-card-text: var(--ams-color-19); --ams-color-card-btn-border: var(--ams-color-19); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); } [data-color-scheme="info-card"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-3); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-1); --ams-color-button-bg-hover: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-1); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-2); --ams-color-card-bg-active: var(--ams-color-2); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-3); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); } [data-color-scheme="info-card-gra"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-7); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-3); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-1); --ams-color-button-bg-hover: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-1); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-7); --ams-color-card-bg-hover: var(--ams-color-2); --ams-color-card-bg-active: var(--ams-color-2); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-3); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); } [data-color-scheme="bakgrund-card-nyans2_av_p2-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-20); --ams-color-card-btn-border: var(--ams-color-3); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-card-bg: var(--ams-color-16); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-7); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg-active: var(--ams-color-7); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme="bakgrund-card-nyans1_av_p2-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-4); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-20); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-card-bg: var(--ams-color-2); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-4); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-4); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-4); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme="bakgrund-card-primar1-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-20); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-card-text: var(--ams-color-19); --ams-color-card-btn-border: var(--ams-color-19); --ams-color-card-bg: var(--ams-color-13); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme="bakgrund-card-vit-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-card-text: var(--ams-color-20); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-card-bg: var(--ams-color-11); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); } [data-color-scheme="nyans2_av_p2-card-primar1-light-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-16); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-card-text: var(--ams-color-4); --ams-color-card-btn-border: var(--ams-color-19); --ams-color-card-bg: var(--ams-color-13); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme="bakgrund-hover-faq"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-card-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-card-text: var(--ams-color-20); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-button-bg-hover: var(--ams-color-25); --ams-color-global-link-hover: var(--ams-color-20); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-25); --ams-color-card-btn-bg-hover: var(--ams-color-2); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-20); --ams-color-global-link-border: var(--ams-color-3); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-4); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-4); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-2); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-form-label-text: var(--ams-color-1); --ams-color-form-help-text: var(--ams-color-1); --ams-color-form-field-text: var(--ams-color-1); --ams-color-form-field-text-hover: var(--ams-color-1); --ams-color-form-field-text-active: var(--ams-color-1); --ams-color-form-field-placeholder: var(--ams-color-1); --ams-color-form-field-placeholder-hover: var(--ams-color-1); --ams-color-form-field-placeholder-active: var(--ams-color-1); --ams-color-form-field-bg: var(--ams-color-1); --ams-color-form-field-bg-hover: var(--ams-color-1); --ams-color-form-field-bg-active: var(--ams-color-1); --ams-color-form-field-border: var(--ams-color-1); --ams-color-form-field-border-hover: var(--ams-color-1); --ams-color-form-field-focus: var(--ams-color-1); --ams-color-form-dropdown-text: var(--ams-color-1); --ams-color-form-dropdown-text-hover: var(--ams-color-1); --ams-color-form-dropdown-text-active: var(--ams-color-1); --ams-color-form-dropdown-bg: var(--ams-color-1); --ams-color-form-dropdown-bg-hover: var(--ams-color-1); --ams-color-form-dropdown-bg-active: var(--ams-color-1); --ams-color-form-dropdown-group-text: var(--ams-color-1); --ams-color-form-dropdown-group-separator: var(--ams-color-1); --ams-color-form-validation-error-text: var(--ams-color-1); --ams-color-form-validation-error-bg: var(--ams-color-1); } [data-color-scheme="primar1-hover-standard"] { --ams-color-global-bg: var(--ams-color-13); --ams-color-card-bg: var(--ams-color-2); --ams-color-global-text: var(--ams-color-19); --ams-color-button-border: var(--ams-color-19); --ams-color-card-text: var(--ams-color-19); --ams-color-card-btn-border: var(--ams-color-19); --ams-color-button-text: var(--ams-color-19); --ams-color-global-heading: var(--ams-color-14); --ams-color-global-subheading: var(--ams-color-14); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-2); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-2); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme="info-card-gra-2"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-3); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-10); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-1); --ams-color-button-bg-hover: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg: var(--ams-color-7); --ams-color-card-bg-hover: var(--ams-color-29); --ams-color-card-bg-active: var(--ams-color-29); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-3); --ams-color-card-icon-hover: var(--ams-color-3); --ams-color-card-icon-active: var(--ams-color-3); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); } [data-color-scheme="map"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-4); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-7); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-4); --ams-color-global-link-hover: var(--ams-color-3); --ams-color-global-link-border: var(--ams-color-3); --ams-color-global-link-border-hover: var(--ams-color-3); --ams-color-global-icon: var(--ams-color-3); --ams-color-global-icon-hover: var(--ams-color-3); --ams-color-global-focus: var(--ams-color-10); --ams-color-button-text: var(--ams-color-4); --ams-color-button-text-hover: var(--ams-color-3); --ams-color-button-text-active: var(--ams-color-4); --ams-color-button-bg: var(--ams-color-7); --ams-color-button-bg-hover: var(--ams-color-7); --ams-color-button-bg-active: var(--ams-color-7); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-3); --ams-color-button-border: var(--ams-color-4); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-3); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-6); --ams-color-card-border-active: var(--ams-color-3); --ams-color-card-icon: var(--ams-color-3); --ams-color-card-icon-hover: var(--ams-color-6); --ams-color-card-icon-active: var(--ams-color-3); --ams-color-card-btn-text: var(--ams-color-4); --ams-color-card-btn-text-hover: var(--ams-color-4); --ams-color-card-btn-text-active: var(--ams-color-4); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); } [data-color-scheme="map-combined"] { --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-global-highlight: var(--ams-color-18); --ams-color-global-text: var(--ams-color-18); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-4); --ams-color-global-link-hover: var(--ams-color-4); --ams-color-global-link-border: var(--ams-color-4); --ams-color-global-link-border-hover: var(--ams-color-2); --ams-color-global-icon: var(--ams-color-2); --ams-color-global-icon-hover: var(--ams-color-2); --ams-color-global-focus: var(--ams-color-10); --ams-color-button-text: var(--ams-color-18); --ams-color-button-text-hover: var(--ams-color-18); --ams-color-button-text-active: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-1); --ams-color-button-bg-hover: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-2); --ams-color-button-border: var(--ams-color-4); --ams-color-card-heading: var(--ams-color-18); --ams-color-card-heading-hover: var(--ams-color-18); --ams-color-card-heading-active: var(--ams-color-18); --ams-color-card-text: var(--ams-color-18); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-18); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-4); --ams-color-card-border-hover: var(--ams-color-5); --ams-color-card-border-active: var(--ams-color-2); --ams-color-card-icon: var(--ams-color-2); --ams-color-card-icon-hover: var(--ams-color-5); --ams-color-card-icon-active: var(--ams-color-2); --ams-color-card-btn-text: var(--ams-color-18); --ams-color-card-btn-text-hover: var(--ams-color-18); --ams-color-card-btn-text-active: var(--ams-color-18); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); } [data-color-scheme="form"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-4); --ams-color-global-link-hover: var(--ams-color-4); --ams-color-global-link-border: var(--ams-color-4); --ams-color-global-link-border-hover: var(--ams-color-4); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-10); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-3); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-4); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text: var(--ams-color-1); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-form-label-text: var(--ams-color-4); --ams-color-form-help-text: var(--ams-color-4); --ams-color-form-field-text: var(--ams-color-4); --ams-color-form-field-text-hover: var(--ams-color-4); --ams-color-form-field-text-active: var(--ams-color-4); --ams-color-form-field-placeholder: var(--ams-color-6); --ams-color-form-field-placeholder-hover: var(--ams-color-6); --ams-color-form-field-placeholder-active: var(--ams-color-6); --ams-color-form-field-bg: var(--ams-color-1); --ams-color-form-field-bg-hover: var(--ams-color-1); --ams-color-form-field-bg-active: var(--ams-color-1); --ams-color-form-field-border: var(--ams-color-4); --ams-color-form-field-border-hover: var(--ams-color-4); --ams-color-form-field-focus: var(--ams-color-3); --ams-color-form-dropdown-text: var(--ams-color-4); --ams-color-form-dropdown-text-hover: var(--ams-color-4); --ams-color-form-dropdown-text-active: var(--ams-color-4); --ams-color-form-dropdown-bg: var(--ams-color-1); --ams-color-form-dropdown-bg-hover: var(--ams-color-1); --ams-color-form-dropdown-bg-active: var(--ams-color-1); --ams-color-form-dropdown-group-text: var(--ams-color-4); --ams-color-form-dropdown-group-separator: var(--ams-color-4); --ams-color-form-checkbox-icon-active: var(--ams-color-1); --ams-color-form-validation-error-text: var(--ams-color-4); --ams-color-form-validation-error-bg: var(--ams-color-1); --ams-color-form-validation-error-border: var(--ams-color-1); --ams-color-filter-btn-text: var(--ams-color-1); --ams-color-filter-btn-text-hover: var(--ams-color-1); --ams-color-filter-btn-text-active: var(--ams-color-1); --ams-color-filter-btn-bg: var(--ams-color-1); --ams-color-filter-btn-bg-hover: var(--ams-color-1); --ams-color-filter-btn-bg-active: var(--ams-color-1); --ams-color-filter-btn-focus: var(--ams-color-1); --ams-color-filter-btn-border: var(--ams-color-1); --ams-color-filter-dropdown-text: var(--ams-color-1); --ams-color-filter-dropdown-text-hover: var(--ams-color-1); --ams-color-filter-dropdown-text-active: var(--ams-color-1); --ams-color-filter-dropdown-bg: var(--ams-color-1); --ams-color-filter-dropdown-bg-hover: var(--ams-color-1); --ams-color-filter-dropdown-bg-active: var(--ams-color-1); --ams-color-filter-dropdown-group-text: var(--ams-color-1); --ams-color-filter-dropdown-group-separator: var(--ams-color-1); --ams-color-filter-checkbox-icon-active: var(--ams-color-1); --ams-color-filter-checkbox-bg: var(--ams-color-1); --ams-color-filter-checkbox-bg-hover: var(--ams-color-1); --ams-color-filter-checkbox-bg-active: var(--ams-color-1); --ams-color-filter-checkbox-border: var(--ams-color-1); --ams-color-filter-checkbox-border-hover: var(--ams-color-1); --ams-color-filter-checkbox-border-active: var(--ams-color-1); --ams-color-filter-checkbox-focus: var(--ams-color-1); --ams-color-filter-search-text: var(--ams-color-1); --ams-color-filter-search-placeholder: var(--ams-color-1); --ams-color-filter-search-bg: var(--ams-color-1); --ams-color-filter-search-border: var(--ams-color-1); --ams-color-filter-search-border-active: var(--ams-color-1); --ams-color-filter-validation-error-text: var(--ams-color-1); --ams-color-filter-validation-error-bg: var(--ams-color-1); --ams-color-filter-validation-error-border: var(--ams-color-1); } @media (max-width: 47.9988em) { [data-color-scheme-mobile="footer"] { --ams-color-global-heading: var(--ams-color-1); --ams-color-global-subheading: var(--ams-color-1); --ams-color-global-text: var(--ams-color-1); --ams-color-global-bg: var(--ams-color-2); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-1); --ams-color-button-bg-hover: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-1); --ams-color-card-text: var(--ams-color-1); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); } [data-color-scheme-mobile="kurslistning"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-3); --ams-color-global-link-hover: var(--ams-color-3); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-3); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-6); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-1); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-2); --ams-color-card-bg-hover: var(--ams-color-5); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-2); --ams-color-card-btn-bg-hover: var(--ams-color-5); --ams-color-card-btn-bg-active: var(--ams-color-5); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-3); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-form-label-text: var(--ams-color-1); --ams-color-form-help-text: var(--ams-color-1); --ams-color-form-field-text: var(--ams-color-1); --ams-color-form-field-text-hover: var(--ams-color-1); --ams-color-form-field-text-active: var(--ams-color-1); --ams-color-form-field-placeholder: var(--ams-color-1); --ams-color-form-field-placeholder-hover: var(--ams-color-1); --ams-color-form-field-placeholder-active: var(--ams-color-1); --ams-color-form-field-bg: var(--ams-color-1); --ams-color-form-field-bg-hover: var(--ams-color-1); --ams-color-form-field-bg-active: var(--ams-color-1); --ams-color-form-field-border: var(--ams-color-1); --ams-color-form-field-border-hover: var(--ams-color-1); --ams-color-form-field-focus: var(--ams-color-1); --ams-color-form-dropdown-text: var(--ams-color-1); --ams-color-form-dropdown-text-hover: var(--ams-color-1); --ams-color-form-dropdown-text-active: var(--ams-color-1); --ams-color-form-dropdown-bg: var(--ams-color-1); --ams-color-form-dropdown-bg-hover: var(--ams-color-1); --ams-color-form-dropdown-bg-active: var(--ams-color-1); --ams-color-form-dropdown-group-text: var(--ams-color-1); --ams-color-form-dropdown-group-separator: var(--ams-color-1); --ams-color-form-validation-error-text: var(--ams-color-1); --ams-color-form-validation-error-bg: var(--ams-color-1); --ams-color-form-validation-error-border: var(--ams-color-1); --ams-color-filter-btn-text: var(--ams-color-1); --ams-color-filter-btn-text-hover: var(--ams-color-1); --ams-color-filter-btn-text-active: var(--ams-color-1); --ams-color-filter-btn-bg: var(--ams-color-1); --ams-color-filter-btn-bg-hover: var(--ams-color-1); --ams-color-filter-btn-bg-active: var(--ams-color-1); --ams-color-filter-btn-focus: var(--ams-color-1); --ams-color-filter-btn-border: var(--ams-color-1); --ams-color-filter-dropdown-text: var(--ams-color-1); --ams-color-filter-dropdown-text-hover: var(--ams-color-1); --ams-color-filter-dropdown-text-active: var(--ams-color-1); --ams-color-filter-dropdown-bg: var(--ams-color-1); --ams-color-filter-dropdown-bg-hover: var(--ams-color-1); --ams-color-filter-dropdown-bg-active: var(--ams-color-1); --ams-color-filter-dropdown-group-text: var(--ams-color-1); --ams-color-filter-dropdown-group-separator: var(--ams-color-1); --ams-color-filter-checkbox-bg: var(--ams-color-1); --ams-color-filter-checkbox-bg-hover: var(--ams-color-1); --ams-color-filter-checkbox-bg-active: var(--ams-color-1); --ams-color-filter-checkbox-border: var(--ams-color-1); --ams-color-filter-checkbox-border-hover: var(--ams-color-1); --ams-color-filter-checkbox-border-active: var(--ams-color-1); --ams-color-filter-checkbox-focus: var(--ams-color-1); --ams-color-filter-search-text: var(--ams-color-1); --ams-color-filter-search-placeholder: var(--ams-color-1); --ams-color-filter-search-bg: var(--ams-color-1); --ams-color-filter-search-border: var(--ams-color-1); --ams-color-filter-search-border-active: var(--ams-color-1); --ams-color-filter-validation-error-text: var(--ams-color-1); --ams-color-filter-validation-error-bg: var(--ams-color-1); --ams-color-filter-validation-error-border: var(--ams-color-1); } [data-color-scheme-mobile="poangplan"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-3); --ams-color-global-link-hover: var(--ams-color-3); --ams-color-global-icon: var(--ams-color-3); --ams-color-global-icon-hover: var(--ams-color-3); --ams-color-button-text: var(--ams-color-19); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-7); --ams-color-card-bg-active: var(--ams-color-7); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-4); --ams-color-card-border-hover: var(--ams-color-4); --ams-color-card-border-active: var(--ams-color-4); --ams-color-card-icon: var(--ams-color-4); --ams-color-card-icon-hover: var(--ams-color-4); --ams-color-card-icon-active: var(--ams-color-7); --ams-color-card-btn-text: var(--ams-color-4); --ams-color-card-btn-text-hover: var(--ams-color-4); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-7); --ams-color-card-btn-bg-hover: var(--ams-color-7); --ams-color-card-btn-bg-active: var(--ams-color-2); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-7); --ams-color-card-btn-border: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-3); --ams-color-global-link-border-hover: var(--ams-color-3); --ams-color-global-focus: var(--ams-color-1); } [data-color-scheme-mobile="gra"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-7); --ams-color-global-link: var(--ams-color-3); --ams-color-global-link-hover: var(--ams-color-3); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-3); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg: var(--ams-color-7); --ams-color-card-bg-hover: var(--ams-color-7); --ams-color-card-bg-active: var(--ams-color-7); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-4); --ams-color-card-border-hover: var(--ams-color-4); --ams-color-card-border-active: var(--ams-color-4); --ams-color-card-icon: var(--ams-color-3); --ams-color-card-icon-hover: var(--ams-color-3); --ams-color-card-icon-active: var(--ams-color-3); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-form-label-text: var(--ams-color-4); --ams-color-form-help-text: var(--ams-color-4); --ams-color-form-field-text: var(--ams-color-4); --ams-color-form-field-text-hover: var(--ams-color-4); --ams-color-form-field-text-active: var(--ams-color-4); --ams-color-form-field-placeholder: var(--ams-color-8); --ams-color-form-field-placeholder-hover: var(--ams-color-8); --ams-color-form-field-placeholder-active: var(--ams-color-8); --ams-color-form-field-bg: var(--ams-color-1); --ams-color-form-field-bg-hover: var(--ams-color-1); --ams-color-form-field-bg-active: var(--ams-color-1); --ams-color-form-field-border: var(--ams-color-8); --ams-color-form-field-border-hover: var(--ams-color-1); --ams-color-form-field-focus: var(--ams-color-4); --ams-color-form-dropdown-text: var(--ams-color-4); --ams-color-form-dropdown-text-hover: var(--ams-color-4); --ams-color-form-dropdown-text-active: var(--ams-color-4); --ams-color-form-dropdown-bg: var(--ams-color-1); --ams-color-form-dropdown-bg-hover: var(--ams-color-9); --ams-color-form-dropdown-bg-active: var(--ams-color-8); --ams-color-form-dropdown-group-text: var(--ams-color-4); --ams-color-form-dropdown-group-separator: var(--ams-color-8); --ams-color-form-validation-error-text: var(--ams-color-6); --ams-color-form-validation-error-bg: var(--ams-color-1); } [data-color-scheme-mobile="vit"] { --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-global-highlight: var(--ams-color-3); --ams-color-global-text: var(--ams-color-20); --ams-color-global-bg: var(--ams-color-11); --ams-color-global-link: var(--ams-color-3); --ams-color-global-link-hover: var(--ams-color-6); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-19); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-20); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-11); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-card-heading: var(--ams-color-20); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); } [data-color-scheme-mobile="vit-2"] { --ams-color-global-heading: var(--ams-color-1); --ams-color-global-subheading: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-1); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-3); --ams-color-button-text-hover: var(--ams-color-3); --ams-color-button-text-active: var(--ams-color-3); --ams-color-button-bg: var(--ams-color-1); --ams-color-button-bg-hover: var(--ams-color-7); --ams-color-button-bg-active: var(--ams-color-7); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-1); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); } [data-color-scheme-mobile="hero"] { --ams-color-global-heading: var(--ams-color-1); --ams-color-global-subheading: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-3); --ams-color-global-text: var(--ams-color-1); --ams-color-global-bg: var(--ams-color-2); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-3); --ams-color-button-text-hover: var(--ams-color-3); --ams-color-button-text-active: var(--ams-color-3); --ams-color-button-bg: var(--ams-color-1); --ams-color-button-bg-hover: var(--ams-color-7); --ams-color-button-bg-active: var(--ams-color-7); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-1); --ams-color-card-text: var(--ams-color-1); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); } [data-color-scheme-mobile="bakgrund-card-primar1-light-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-19); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-card-text: var(--ams-color-19); --ams-color-card-btn-border: var(--ams-color-19); --ams-color-card-bg: var(--ams-color-13); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme-mobile="primar1-light-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-13); --ams-color-card-bg: var(--ams-color-13); --ams-color-button-text: var(--ams-color-19); --ams-color-global-heading: var(--ams-color-19); --ams-color-global-subheading: var(--ams-color-19); --ams-color-global-text: var(--ams-color-19); --ams-color-button-border: var(--ams-color-19); --ams-color-card-text: var(--ams-color-19); --ams-color-card-btn-border: var(--ams-color-19); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); } [data-color-scheme-mobile="bakgrund-card-primar1-light-hover-standard_faq"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-card-text: var(--ams-color-19); --ams-color-card-btn-border: var(--ams-color-19); --ams-color-card-bg: var(--ams-color-13); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-25); --ams-color-card-btn-bg-hover: var(--ams-color-25); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); } [data-color-scheme-mobile="nyans2_av_p2-hover-standard"] { --ams-color-global-bg: var(--ams-color-16); --ams-color-card-bg: var(--ams-color-16); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-card-text: var(--ams-color-20); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-4); --ams-color-global-icon-hover: var(--ams-color-14); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-link: var(--ams-color-18); --ams-color-global-icon: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-3); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-20); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-3); --ams-color-global-link-border-hover: var(--ams-color-3); --ams-color-global-focus: var(--ams-color-1); } [data-color-scheme-mobile="bakgrund-hover-standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-card-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-card-text: var(--ams-color-20); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-4); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-link: var(--ams-color-4); --ams-color-global-icon: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-20); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-3); --ams-color-global-link-border-hover: var(--ams-color-3); --ams-color-global-focus: var(--ams-color-5); } [data-color-scheme-mobile="vit-hover-standard"] { --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-global-highlight: var(--ams-color-3); --ams-color-global-text: var(--ams-color-20); --ams-color-global-bg: var(--ams-color-11); --ams-color-global-link: var(--ams-color-3); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-19); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-20); --ams-color-card-text: var(--ams-color-20); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-11); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-card-heading: var(--ams-color-20); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); } [data-color-scheme-mobile="bakgrund-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-card-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-card-text: var(--ams-color-20); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-20); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme-mobile="usp"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-3); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); } [data-color-scheme-mobile="cards"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-4); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-3); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-1); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-2); --ams-color-card-bg-hover: var(--ams-color-5); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-2); --ams-color-card-border-hover: var(--ams-color-5); --ams-color-card-border-active: var(--ams-color-5); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-5); --ams-color-card-btn-bg-active: var(--ams-color-5); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-form-label-text: var(--ams-color-4); --ams-color-form-help-text: var(--ams-color-1); --ams-color-form-field-text: var(--ams-color-4); --ams-color-form-field-text-hover: var(--ams-color-4); --ams-color-form-field-text-active: var(--ams-color-4); --ams-color-form-field-placeholder: var(--ams-color-1); --ams-color-form-field-placeholder-hover: var(--ams-color-1); --ams-color-form-field-placeholder-active: var(--ams-color-1); --ams-color-form-field-bg: var(--ams-color-1); --ams-color-form-field-bg-hover: var(--ams-color-1); --ams-color-form-field-bg-active: var(--ams-color-1); --ams-color-form-field-border: var(--ams-color-4); --ams-color-form-field-border-hover: var(--ams-color-4); --ams-color-form-field-focus: var(--ams-color-10); --ams-color-form-dropdown-text: var(--ams-color-4); --ams-color-form-dropdown-text-hover: var(--ams-color-4); --ams-color-form-dropdown-text-active: var(--ams-color-4); --ams-color-form-dropdown-bg: var(--ams-color-1); --ams-color-form-dropdown-bg-hover: var(--ams-color-1); --ams-color-form-dropdown-bg-active: var(--ams-color-1); --ams-color-form-dropdown-group-text: var(--ams-color-1); --ams-color-form-dropdown-group-separator: var(--ams-color-1); --ams-color-form-validation-error-text: var(--ams-color-1); --ams-color-form-validation-error-bg: var(--ams-color-1); --ams-color-form-validation-error-border: var(--ams-color-1); --ams-color-filter-btn-text: var(--ams-color-4); --ams-color-filter-btn-text-hover: var(--ams-color-4); --ams-color-filter-btn-text-active: var(--ams-color-4); --ams-color-filter-btn-bg: var(--ams-color-1); --ams-color-filter-btn-bg-hover: var(--ams-color-1); --ams-color-filter-btn-bg-active: var(--ams-color-1); --ams-color-filter-btn-focus: var(--ams-color-10); --ams-color-filter-btn-border: var(--ams-color-4); --ams-color-filter-dropdown-text: var(--ams-color-4); --ams-color-filter-dropdown-text-hover: var(--ams-color-4); --ams-color-filter-dropdown-text-active: var(--ams-color-4); --ams-color-filter-dropdown-bg: var(--ams-color-1); --ams-color-filter-dropdown-bg-hover: var(--ams-color-7); --ams-color-filter-dropdown-bg-active: var(--ams-color-1); --ams-color-filter-dropdown-group-text: var(--ams-color-4); --ams-color-filter-dropdown-group-separator: var(--ams-color-4); --ams-color-filter-checkbox-bg: var(--ams-color-1); --ams-color-filter-checkbox-bg-hover: var(--ams-color-1); --ams-color-filter-checkbox-bg-active: var(--ams-color-1); --ams-color-filter-checkbox-border: var(--ams-color-4); --ams-color-filter-checkbox-border-hover: var(--ams-color-4); --ams-color-filter-checkbox-border-active: var(--ams-color-4); --ams-color-filter-checkbox-focus: var(--ams-color-10); --ams-color-filter-search-text: var(--ams-color-1); --ams-color-filter-search-placeholder: var(--ams-color-1); --ams-color-filter-search-bg: var(--ams-color-1); --ams-color-filter-search-border: var(--ams-color-1); --ams-color-filter-search-border-active: var(--ams-color-1); --ams-color-filter-validation-error-text: var(--ams-color-1); --ams-color-filter-validation-error-bg: var(--ams-color-1); --ams-color-filter-validation-error-border: var(--ams-color-1); } [data-color-scheme-mobile="usp-gra"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-7); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-3); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg: var(--ams-color-7); --ams-color-card-bg-hover: var(--ams-color-7); --ams-color-card-bg-active: var(--ams-color-7); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); } [data-color-scheme-mobile="bakgrund-light-hover-standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-card-bg: var(--ams-color-12); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-global-heading: var(--ams-color-19); --ams-color-global-subheading: var(--ams-color-19); --ams-color-global-text: var(--ams-color-19); --ams-color-button-border: var(--ams-color-19); --ams-color-card-text: var(--ams-color-19); --ams-color-card-btn-border: var(--ams-color-19); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); } [data-color-scheme-mobile="info-card"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-3); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-1); --ams-color-button-bg-hover: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-1); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-2); --ams-color-card-bg-active: var(--ams-color-2); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-3); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); } [data-color-scheme-mobile="info-card-gra"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-7); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-3); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-1); --ams-color-button-bg-hover: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-1); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-7); --ams-color-card-bg-hover: var(--ams-color-2); --ams-color-card-bg-active: var(--ams-color-2); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-3); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); } [data-color-scheme-mobile="bakgrund-card-nyans2_av_p2-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-20); --ams-color-card-btn-border: var(--ams-color-3); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-card-bg: var(--ams-color-16); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-7); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg-active: var(--ams-color-7); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme-mobile="bakgrund-card-nyans1_av_p2-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-4); --ams-color-button-border: var(--ams-color-3); --ams-color-card-text: var(--ams-color-20); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-card-bg: var(--ams-color-2); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-4); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-4); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-4); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme-mobile="bakgrund-card-primar1-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-20); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-card-text: var(--ams-color-19); --ams-color-card-btn-border: var(--ams-color-19); --ams-color-card-bg: var(--ams-color-13); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme-mobile="bakgrund-card-vit-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-card-text: var(--ams-color-20); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-card-bg: var(--ams-color-11); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); } [data-color-scheme-mobile="nyans2_av_p2-card-primar1-light-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-16); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-card-text: var(--ams-color-4); --ams-color-card-btn-border: var(--ams-color-19); --ams-color-card-bg: var(--ams-color-13); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-24); --ams-color-card-btn-bg-hover: var(--ams-color-24); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme-mobile="bakgrund-hover-faq"] { --ams-color-global-bg: var(--ams-color-12); --ams-color-card-bg: var(--ams-color-12); --ams-color-global-text: var(--ams-color-20); --ams-color-button-border: var(--ams-color-20); --ams-color-card-text: var(--ams-color-20); --ams-color-card-btn-border: var(--ams-color-20); --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-text: var(--ams-color-19); --ams-color-button-bg-hover: var(--ams-color-25); --ams-color-global-link-hover: var(--ams-color-20); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-25); --ams-color-card-btn-bg-hover: var(--ams-color-2); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-20); --ams-color-global-link-border: var(--ams-color-3); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-4); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-4); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-2); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-form-label-text: var(--ams-color-1); --ams-color-form-help-text: var(--ams-color-1); --ams-color-form-field-text: var(--ams-color-1); --ams-color-form-field-text-hover: var(--ams-color-1); --ams-color-form-field-text-active: var(--ams-color-1); --ams-color-form-field-placeholder: var(--ams-color-1); --ams-color-form-field-placeholder-hover: var(--ams-color-1); --ams-color-form-field-placeholder-active: var(--ams-color-1); --ams-color-form-field-bg: var(--ams-color-1); --ams-color-form-field-bg-hover: var(--ams-color-1); --ams-color-form-field-bg-active: var(--ams-color-1); --ams-color-form-field-border: var(--ams-color-1); --ams-color-form-field-border-hover: var(--ams-color-1); --ams-color-form-field-focus: var(--ams-color-1); --ams-color-form-dropdown-text: var(--ams-color-1); --ams-color-form-dropdown-text-hover: var(--ams-color-1); --ams-color-form-dropdown-text-active: var(--ams-color-1); --ams-color-form-dropdown-bg: var(--ams-color-1); --ams-color-form-dropdown-bg-hover: var(--ams-color-1); --ams-color-form-dropdown-bg-active: var(--ams-color-1); --ams-color-form-dropdown-group-text: var(--ams-color-1); --ams-color-form-dropdown-group-separator: var(--ams-color-1); --ams-color-form-validation-error-text: var(--ams-color-1); --ams-color-form-validation-error-bg: var(--ams-color-1); } [data-color-scheme-mobile="primar1-hover-standard"] { --ams-color-global-bg: var(--ams-color-13); --ams-color-card-bg: var(--ams-color-2); --ams-color-global-text: var(--ams-color-19); --ams-color-button-border: var(--ams-color-19); --ams-color-card-text: var(--ams-color-19); --ams-color-card-btn-border: var(--ams-color-19); --ams-color-button-text: var(--ams-color-19); --ams-color-global-heading: var(--ams-color-14); --ams-color-global-subheading: var(--ams-color-14); --ams-color-button-bg: var(--ams-color-21); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-2); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-2); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme-mobile="info-card-gra-2"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-1); --ams-color-global-link-hover: var(--ams-color-1); --ams-color-global-link-border: var(--ams-color-1); --ams-color-global-link-border-hover: var(--ams-color-1); --ams-color-global-icon: var(--ams-color-3); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-10); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-1); --ams-color-button-bg-hover: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg: var(--ams-color-7); --ams-color-card-bg-hover: var(--ams-color-29); --ams-color-card-bg-active: var(--ams-color-29); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-3); --ams-color-card-icon-hover: var(--ams-color-3); --ams-color-card-icon-active: var(--ams-color-3); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); } [data-color-scheme-mobile="map"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-4); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-7); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-4); --ams-color-global-link-hover: var(--ams-color-3); --ams-color-global-link-border: var(--ams-color-3); --ams-color-global-link-border-hover: var(--ams-color-3); --ams-color-global-icon: var(--ams-color-3); --ams-color-global-icon-hover: var(--ams-color-3); --ams-color-global-focus: var(--ams-color-10); --ams-color-button-text: var(--ams-color-4); --ams-color-button-text-hover: var(--ams-color-3); --ams-color-button-text-active: var(--ams-color-4); --ams-color-button-bg: var(--ams-color-7); --ams-color-button-bg-hover: var(--ams-color-7); --ams-color-button-bg-active: var(--ams-color-7); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-3); --ams-color-button-border: var(--ams-color-4); --ams-color-card-heading: var(--ams-color-4); --ams-color-card-heading-hover: var(--ams-color-4); --ams-color-card-heading-active: var(--ams-color-4); --ams-color-card-text: var(--ams-color-4); --ams-color-card-text-hover: var(--ams-color-3); --ams-color-card-text-active: var(--ams-color-4); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-6); --ams-color-card-border-active: var(--ams-color-3); --ams-color-card-icon: var(--ams-color-3); --ams-color-card-icon-hover: var(--ams-color-6); --ams-color-card-icon-active: var(--ams-color-3); --ams-color-card-btn-text: var(--ams-color-4); --ams-color-card-btn-text-hover: var(--ams-color-4); --ams-color-card-btn-text-active: var(--ams-color-4); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); } [data-color-scheme-mobile="map-combined"] { --ams-color-global-heading: var(--ams-color-18); --ams-color-global-subheading: var(--ams-color-18); --ams-color-global-highlight: var(--ams-color-18); --ams-color-global-text: var(--ams-color-18); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-4); --ams-color-global-link-hover: var(--ams-color-4); --ams-color-global-link-border: var(--ams-color-4); --ams-color-global-link-border-hover: var(--ams-color-2); --ams-color-global-icon: var(--ams-color-2); --ams-color-global-icon-hover: var(--ams-color-2); --ams-color-global-focus: var(--ams-color-10); --ams-color-button-text: var(--ams-color-18); --ams-color-button-text-hover: var(--ams-color-18); --ams-color-button-text-active: var(--ams-color-18); --ams-color-button-bg: var(--ams-color-1); --ams-color-button-bg-hover: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-1); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-2); --ams-color-button-border: var(--ams-color-4); --ams-color-card-heading: var(--ams-color-18); --ams-color-card-heading-hover: var(--ams-color-18); --ams-color-card-heading-active: var(--ams-color-18); --ams-color-card-text: var(--ams-color-18); --ams-color-card-text-hover: var(--ams-color-4); --ams-color-card-text-active: var(--ams-color-18); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-10); --ams-color-card-border: var(--ams-color-4); --ams-color-card-border-hover: var(--ams-color-5); --ams-color-card-border-active: var(--ams-color-2); --ams-color-card-icon: var(--ams-color-2); --ams-color-card-icon-hover: var(--ams-color-5); --ams-color-card-icon-active: var(--ams-color-2); --ams-color-card-btn-text: var(--ams-color-18); --ams-color-card-btn-text-hover: var(--ams-color-18); --ams-color-card-btn-text-active: var(--ams-color-18); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-10); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); } [data-color-scheme-mobile="form"] { --ams-color-global-heading: var(--ams-color-4); --ams-color-global-subheading: var(--ams-color-4); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-4); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-4); --ams-color-global-link-hover: var(--ams-color-4); --ams-color-global-link-border: var(--ams-color-4); --ams-color-global-link-border-hover: var(--ams-color-4); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-10); --ams-color-button-text: var(--ams-color-1); --ams-color-button-text-hover: var(--ams-color-1); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg: var(--ams-color-3); --ams-color-button-bg-hover: var(--ams-color-6); --ams-color-button-bg-active: var(--ams-color-6); --ams-color-button-focus: var(--ams-color-10); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-4); --ams-color-card-heading: var(--ams-color-1); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); --ams-color-card-text: var(--ams-color-1); --ams-color-card-text-hover: var(--ams-color-1); --ams-color-card-text-active: var(--ams-color-1); --ams-color-card-bg: var(--ams-color-1); --ams-color-card-bg-hover: var(--ams-color-1); --ams-color-card-bg-active: var(--ams-color-1); --ams-color-card-focus: var(--ams-color-1); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-1); --ams-color-card-border-active: var(--ams-color-1); --ams-color-card-icon: var(--ams-color-1); --ams-color-card-icon-hover: var(--ams-color-1); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-1); --ams-color-card-btn-text-hover: var(--ams-color-1); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-1); --ams-color-card-btn-bg-hover: var(--ams-color-1); --ams-color-card-btn-bg-active: var(--ams-color-1); --ams-color-card-btn-focus: var(--ams-color-1); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); --ams-color-form-label-text: var(--ams-color-4); --ams-color-form-help-text: var(--ams-color-4); --ams-color-form-field-text: var(--ams-color-4); --ams-color-form-field-text-hover: var(--ams-color-4); --ams-color-form-field-text-active: var(--ams-color-4); --ams-color-form-field-placeholder: var(--ams-color-6); --ams-color-form-field-placeholder-hover: var(--ams-color-6); --ams-color-form-field-placeholder-active: var(--ams-color-6); --ams-color-form-field-bg: var(--ams-color-1); --ams-color-form-field-bg-hover: var(--ams-color-1); --ams-color-form-field-bg-active: var(--ams-color-1); --ams-color-form-field-border: var(--ams-color-4); --ams-color-form-field-border-hover: var(--ams-color-4); --ams-color-form-field-focus: var(--ams-color-3); --ams-color-form-dropdown-text: var(--ams-color-4); --ams-color-form-dropdown-text-hover: var(--ams-color-4); --ams-color-form-dropdown-text-active: var(--ams-color-4); --ams-color-form-dropdown-bg: var(--ams-color-1); --ams-color-form-dropdown-bg-hover: var(--ams-color-1); --ams-color-form-dropdown-bg-active: var(--ams-color-1); --ams-color-form-dropdown-group-text: var(--ams-color-4); --ams-color-form-dropdown-group-separator: var(--ams-color-4); --ams-color-form-checkbox-icon-active: var(--ams-color-1); --ams-color-form-validation-error-text: var(--ams-color-4); --ams-color-form-validation-error-bg: var(--ams-color-1); --ams-color-form-validation-error-border: var(--ams-color-1); --ams-color-filter-btn-text: var(--ams-color-1); --ams-color-filter-btn-text-hover: var(--ams-color-1); --ams-color-filter-btn-text-active: var(--ams-color-1); --ams-color-filter-btn-bg: var(--ams-color-1); --ams-color-filter-btn-bg-hover: var(--ams-color-1); --ams-color-filter-btn-bg-active: var(--ams-color-1); --ams-color-filter-btn-focus: var(--ams-color-1); --ams-color-filter-btn-border: var(--ams-color-1); --ams-color-filter-dropdown-text: var(--ams-color-1); --ams-color-filter-dropdown-text-hover: var(--ams-color-1); --ams-color-filter-dropdown-text-active: var(--ams-color-1); --ams-color-filter-dropdown-bg: var(--ams-color-1); --ams-color-filter-dropdown-bg-hover: var(--ams-color-1); --ams-color-filter-dropdown-bg-active: var(--ams-color-1); --ams-color-filter-dropdown-group-text: var(--ams-color-1); --ams-color-filter-dropdown-group-separator: var(--ams-color-1); --ams-color-filter-checkbox-icon-active: var(--ams-color-1); --ams-color-filter-checkbox-bg: var(--ams-color-1); --ams-color-filter-checkbox-bg-hover: var(--ams-color-1); --ams-color-filter-checkbox-bg-active: var(--ams-color-1); --ams-color-filter-checkbox-border: var(--ams-color-1); --ams-color-filter-checkbox-border-hover: var(--ams-color-1); --ams-color-filter-checkbox-border-active: var(--ams-color-1); --ams-color-filter-checkbox-focus: var(--ams-color-1); --ams-color-filter-search-text: var(--ams-color-1); --ams-color-filter-search-placeholder: var(--ams-color-1); --ams-color-filter-search-bg: var(--ams-color-1); --ams-color-filter-search-border: var(--ams-color-1); --ams-color-filter-search-border-active: var(--ams-color-1); --ams-color-filter-validation-error-text: var(--ams-color-1); --ams-color-filter-validation-error-bg: var(--ams-color-1); --ams-color-filter-validation-error-border: var(--ams-color-1); } }