:root { --ams-color-1: #ffffff; --ams-color-10: #000000; --ams-color-11: #B37400; --ams-color-13: #EDE9E0; --ams-color-14: #2A5C65; --ams-color-15: #4A747C; --ams-color-16: #244E56; --ams-color-17: #FFAD00; --ams-color-18: #FFBD33; --ams-color-19: #e6a539; --ams-color-20: #3E7BFA; --ams-color-21: #CCCCCC; --ams-color-22: #293B47; --ams-color-23: #495863; --ams-color-24: rgba(0,0,0,0.6); --ams-color-25: #ffffff; --ams-color-26: #ffffff; --ams-color-27: #2a5c65; --ams-color-28: #b37400; --ams-color-29: #ffad00; --ams-color-30: #ede9e0; --ams-color-31: #293b47; --ams-color-32: #b37400; --ams-color-33: #FFFFFF; --ams-color-34: #000000; --ams-color-35: #ffad00; --ams-color-36: #FF005E; --ams-color-37: #f0a300; --ams-color-38: #1e73be; --ams-color-39: #ffbd33; --ams-color-40: #fff4de; --ams-color-41: #ffeabf; --ams-color-42: #C71F1F; } [data-color-scheme="beige"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-13); --ams-color-global-link: var(--ams-color-14); --ams-color-global-link-hover: var(--ams-color-15); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-14); --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-14); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-14); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-10); --ams-color-card-text-active: var(--ams-color-10); --ams-color-card-bg: var(--ams-color-13); --ams-color-card-bg-hover: var(--ams-color-13); --ams-color-card-bg-active: var(--ams-color-13); --ams-color-card-focus: var(--ams-color-20); --ams-color-card-border: var(--ams-color-21); --ams-color-card-border-hover: var(--ams-color-13); --ams-color-card-border-active: var(--ams-color-13); --ams-color-card-icon: var(--ams-color-14); --ams-color-card-icon-hover: var(--ams-color-14); --ams-color-card-icon-active: var(--ams-color-16); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-15); --ams-color-card-btn-bg-active: var(--ams-color-16); --ams-color-card-btn-focus: var(--ams-color-20); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-14); --ams-color-global-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-10); --ams-color-card-heading-hover: var(--ams-color-10); --ams-color-card-heading-active: var(--ams-color-10); --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-10); --ams-color-form-help-text: var(--ams-color-10); --ams-color-form-field-text: var(--ams-color-10); --ams-color-form-field-text-hover: var(--ams-color-10); --ams-color-form-field-text-active: var(--ams-color-10); --ams-color-form-field-placeholder: var(--ams-color-24); --ams-color-form-field-placeholder-hover: var(--ams-color-24); --ams-color-form-field-placeholder-active: var(--ams-color-24); --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-11); --ams-color-form-field-border-hover: var(--ams-color-11); --ams-color-form-field-focus: var(--ams-color-19); --ams-color-form-dropdown-text: var(--ams-color-10); --ams-color-form-dropdown-text-hover: var(--ams-color-10); --ams-color-form-dropdown-text-active: var(--ams-color-10); --ams-color-form-dropdown-bg: var(--ams-color-1); --ams-color-form-dropdown-bg-hover: var(--ams-color-13); --ams-color-form-dropdown-bg-active: var(--ams-color-13); --ams-color-form-dropdown-group-text: var(--ams-color-10); --ams-color-form-dropdown-group-separator: var(--ams-color-24); --ams-color-form-validation-error-text: var(--ams-color-42); --ams-color-form-validation-error-bg: var(--ams-color-13); } [data-color-scheme="vit"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-14); --ams-color-global-link-hover: var(--ams-color-14); --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-14); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-10); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-10); --ams-color-card-text-active: var(--ams-color-10); --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-20); --ams-color-card-border: var(--ams-color-21); --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-14); --ams-color-card-icon-hover: var(--ams-color-14); --ams-color-card-icon-active: var(--ams-color-16); --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-global-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-10); --ams-color-card-heading-hover: var(--ams-color-10); --ams-color-card-heading-active: var(--ams-color-10); --ams-color-global-link-border: var(--ams-color-14); --ams-color-global-link-border-hover: var(--ams-color-14); --ams-color-global-focus: var(--ams-color-20); --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="petroleumgron"] { --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-14); --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-10); --ams-color-button-text-hover: var(--ams-color-10); --ams-color-button-text-active: var(--ams-color-10); --ams-color-button-bg: var(--ams-color-17); --ams-color-button-bg-hover: var(--ams-color-18); --ams-color-button-bg-active: var(--ams-color-19); --ams-color-button-focus: var(--ams-color-20); --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-14); --ams-color-card-bg-hover: var(--ams-color-14); --ams-color-card-bg-active: var(--ams-color-14); --ams-color-card-focus: var(--ams-color-20); --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-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); } [data-color-scheme="poangplan"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-14); --ams-color-global-link-hover: var(--ams-color-15); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-14); --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-10); --ams-color-card-text-hover: var(--ams-color-10); --ams-color-card-text-active: var(--ams-color-10); --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-20); --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-10); --ams-color-card-icon-hover: var(--ams-color-10); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-10); --ams-color-card-btn-text-hover: var(--ams-color-10); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-13); --ams-color-card-btn-bg-hover: var(--ams-color-13); --ams-color-card-btn-bg-active: var(--ams-color-14); --ams-color-card-btn-focus: var(--ams-color-20); --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); } [data-color-scheme="kurslistning"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-11); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-13); --ams-color-global-link: var(--ams-color-10); --ams-color-global-link-hover: var(--ams-color-10); --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-14); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-14); --ams-color-card-text: var(--ams-color-10); --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-14); --ams-color-card-bg-active: var(--ams-color-16); --ams-color-card-focus: var(--ams-color-20); --ams-color-card-border: var(--ams-color-14); --ams-color-card-border-hover: var(--ams-color-14); --ams-color-card-border-active: var(--ams-color-16); --ams-color-card-icon: var(--ams-color-14); --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-10); --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-13); --ams-color-card-btn-bg-hover: var(--ams-color-14); --ams-color-card-btn-bg-active: var(--ams-color-14); --ams-color-card-btn-focus: var(--ams-color-20); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-14); --ams-color-global-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-10); --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-20); --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="kort-vit-bakgrund"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-11); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-10); --ams-color-global-link-hover: var(--ams-color-10); --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-14); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-14); --ams-color-card-text: var(--ams-color-10); --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-14); --ams-color-card-bg-active: var(--ams-color-16); --ams-color-card-focus: var(--ams-color-20); --ams-color-card-border: var(--ams-color-14); --ams-color-card-border-hover: var(--ams-color-14); --ams-color-card-border-active: var(--ams-color-16); --ams-color-card-icon: var(--ams-color-14); --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-14); --ams-color-card-btn-bg-active: var(--ams-color-16); --ams-color-card-btn-focus: var(--ams-color-20); --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-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-10); --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-10); --ams-color-form-help-text: var(--ams-color-1); --ams-color-form-field-text: var(--ams-color-10); --ams-color-form-field-text-hover: var(--ams-color-10); --ams-color-form-field-text-active: var(--ams-color-10); --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-14); --ams-color-form-field-border-hover: var(--ams-color-14); --ams-color-form-field-focus: var(--ams-color-20); --ams-color-form-dropdown-text: var(--ams-color-10); --ams-color-form-dropdown-text-hover: var(--ams-color-10); --ams-color-form-dropdown-text-active: var(--ams-color-10); --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-10); --ams-color-filter-btn-text-hover: var(--ams-color-10); --ams-color-filter-btn-text-active: var(--ams-color-10); --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-20); --ams-color-filter-btn-border: var(--ams-color-10); --ams-color-filter-dropdown-text: var(--ams-color-10); --ams-color-filter-dropdown-text-hover: var(--ams-color-10); --ams-color-filter-dropdown-text-active: var(--ams-color-10); --ams-color-filter-dropdown-bg: var(--ams-color-1); --ams-color-filter-dropdown-bg-hover: var(--ams-color-13); --ams-color-filter-dropdown-bg-active: var(--ams-color-1); --ams-color-filter-dropdown-group-text: var(--ams-color-10); --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-10); --ams-color-filter-checkbox-border-hover: var(--ams-color-10); --ams-color-filter-checkbox-border-active: var(--ams-color-10); --ams-color-filter-checkbox-focus: var(--ams-color-20); --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="kort-beige-bakgrund"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-11); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-13); --ams-color-global-link: var(--ams-color-10); --ams-color-global-link-hover: var(--ams-color-10); --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-14); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-14); --ams-color-card-text: var(--ams-color-10); --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-14); --ams-color-card-bg-active: var(--ams-color-16); --ams-color-card-focus: var(--ams-color-20); --ams-color-card-border: var(--ams-color-14); --ams-color-card-border-hover: var(--ams-color-14); --ams-color-card-border-active: var(--ams-color-16); --ams-color-card-icon: var(--ams-color-14); --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-10); --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-20); --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-10); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); } [data-color-scheme="bla"] { --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-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-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-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-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-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-22); --ams-color-card-bg-hover: var(--ams-color-23); --ams-color-card-bg-active: var(--ams-color-23); --ams-color-card-focus: var(--ams-color-20); --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); } [data-color-scheme="kort-beige-bakgrund-2"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-11); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-13); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-10); --ams-color-global-link-hover: var(--ams-color-10); --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-14); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-14); --ams-color-card-heading: var(--ams-color-10); --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-10); --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-13); --ams-color-card-bg-hover: var(--ams-color-14); --ams-color-card-bg-active: var(--ams-color-16); --ams-color-card-focus: var(--ams-color-20); --ams-color-card-border: var(--ams-color-14); --ams-color-card-border-hover: var(--ams-color-15); --ams-color-card-border-active: var(--ams-color-16); --ams-color-card-icon: var(--ams-color-14); --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-10); --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-20); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: 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-10); --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-icon: var(--ams-color-11); --ams-color-global-icon-hover: var(--ams-color-11); --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-11); --ams-color-card-heading-hover: var(--ams-color-11); --ams-color-card-heading-active: var(--ams-color-11); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-10); --ams-color-card-text-active: var(--ams-color-10); --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-20); --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); } [data-color-scheme="bakgrund-card-nyans1_av_p2-dark-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-26); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-card-text: var(--ams-color-34); --ams-color-card-heading: var(--ams-color-34); --ams-color-card-btn-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-card-bg: var(--ams-color-31); --ams-color-button-bg-hover: var(--ams-color-18); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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="bakgrund-card-nyans2_av_p2-dark-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-26); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-card-text: var(--ams-color-34); --ams-color-card-heading: var(--ams-color-34); --ams-color-card-btn-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-card-bg: var(--ams-color-30); --ams-color-button-bg-hover: var(--ams-color-18); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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="bakgrund-card-primar1-light-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-26); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-card-text: var(--ams-color-33); --ams-color-card-heading: var(--ams-color-33); --ams-color-card-btn-border: var(--ams-color-33); --ams-color-card-bg: var(--ams-color-27); --ams-color-button-bg-hover: var(--ams-color-18); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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="bakgrund-hover-standard"] { --ams-color-global-bg: var(--ams-color-26); --ams-color-card-bg: var(--ams-color-26); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-card-text: var(--ams-color-34); --ams-color-card-heading: var(--ams-color-34); --ams-color-card-btn-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-button-bg-hover: var(--ams-color-18); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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="bakgrund-dark-card-primar1-light-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-26); --ams-color-global-heading: var(--ams-color-34); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-card-text: var(--ams-color-33); --ams-color-card-heading: var(--ams-color-33); --ams-color-card-btn-border: var(--ams-color-33); --ams-color-card-bg: var(--ams-color-27); --ams-color-button-bg-hover: var(--ams-color-18); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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="oppet-hus"] { --ams-color-global-heading: var(--ams-color-10); --ams-color-global-subheading: var(--ams-color-10); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-10); --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-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-14); --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-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-14); --ams-color-card-heading: var(--ams-color-10); --ams-color-card-heading-hover: var(--ams-color-10); --ams-color-card-heading-active: var(--ams-color-10); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-10); --ams-color-card-text-active: var(--ams-color-10); --ams-color-card-bg: var(--ams-color-13); --ams-color-card-bg-hover: var(--ams-color-13); --ams-color-card-bg-active: var(--ams-color-13); --ams-color-card-focus: var(--ams-color-20); --ams-color-card-border: var(--ams-color-13); --ams-color-card-border-hover: var(--ams-color-13); --ams-color-card-border-active: var(--ams-color-13); --ams-color-card-icon: var(--ams-color-10); --ams-color-card-icon-hover: var(--ams-color-10); --ams-color-card-icon-active: var(--ams-color-10); --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="tidslinje"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-11); --ams-color-global-text: var(--ams-color-10); --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-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-14); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-10); --ams-color-card-heading-hover: var(--ams-color-10); --ams-color-card-heading-active: var(--ams-color-10); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-10); --ams-color-card-text-active: var(--ams-color-10); --ams-color-card-bg: var(--ams-color-14); --ams-color-card-bg-hover: var(--ams-color-14); --ams-color-card-bg-active: var(--ams-color-14); --ams-color-card-focus: var(--ams-color-20); --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-14); --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="nyans2_av_p2-hover-standard"] { --ams-color-global-bg: var(--ams-color-30); --ams-color-card-bg: var(--ams-color-30); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-card-text: var(--ams-color-34); --ams-color-card-heading: var(--ams-color-34); --ams-color-card-btn-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-button-bg-hover: var(--ams-color-18); --ams-color-global-link-hover: var(--ams-color-10); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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-10); --ams-color-global-link-border: var(--ams-color-14); --ams-color-global-link-border-hover: var(--ams-color-14); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-20); --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-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="nyans1_av_p2-hover-standard"] { --ams-color-global-bg: var(--ams-color-31); --ams-color-card-bg: var(--ams-color-31); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-card-text: var(--ams-color-34); --ams-color-card-heading: var(--ams-color-34); --ams-color-card-btn-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-button-bg-hover: var(--ams-color-18); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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-hover-faq"] { --ams-color-global-bg: var(--ams-color-30); --ams-color-card-bg: var(--ams-color-30); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-14); --ams-color-card-text: var(--ams-color-34); --ams-color-card-heading: var(--ams-color-34); --ams-color-card-btn-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-14); --ams-color-button-text: var(--ams-color-33); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-global-link-hover: var(--ams-color-10); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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-10); --ams-color-global-link-border: var(--ams-color-10); --ams-color-global-link-border-hover: var(--ams-color-10); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-20); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: 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-10); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-10); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-13); --ams-color-card-btn-bg-active: var(--ams-color-14); --ams-color-card-btn-focus: var(--ams-color-20); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme="nyans1_av_p2-hover-faq"] { --ams-color-global-bg: var(--ams-color-31); --ams-color-card-bg: var(--ams-color-31); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-card-text: var(--ams-color-34); --ams-color-card-heading: var(--ams-color-34); --ams-color-card-btn-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-button-bg-hover: var(--ams-color-14); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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="primar1-hover-standard"] { --ams-color-global-bg: var(--ams-color-27); --ams-color-card-bg: var(--ams-color-27); --ams-color-global-text: var(--ams-color-33); --ams-color-button-border: var(--ams-color-33); --ams-color-card-text: var(--ams-color-33); --ams-color-card-heading: var(--ams-color-33); --ams-color-card-btn-border: var(--ams-color-33); --ams-color-button-text: var(--ams-color-33); --ams-color-global-heading: var(--ams-color-28); --ams-color-global-subheading: var(--ams-color-28); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-bg-hover: var(--ams-color-18); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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="beige-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-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-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-global-focus: 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-heading: var(--ams-color-10); --ams-color-card-heading-hover: var(--ams-color-10); --ams-color-card-heading-active: var(--ams-color-10); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-10); --ams-color-card-text-active: var(--ams-color-10); --ams-color-card-bg: var(--ams-color-13); --ams-color-card-bg-hover: var(--ams-color-13); --ams-color-card-bg-active: var(--ams-color-13); --ams-color-card-focus: var(--ams-color-20); --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-11); --ams-color-card-icon-hover: var(--ams-color-11); --ams-color-card-icon-active: var(--ams-color-11); --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-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-11); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-border: var(--ams-color-10); --ams-color-global-link: var(--ams-color-10); --ams-color-global-link-hover: var(--ams-color-10); --ams-color-global-link-border: var(--ams-color-11); --ams-color-global-link-border-hover: var(--ams-color-15); --ams-color-global-icon: var(--ams-color-14); --ams-color-global-icon-hover: var(--ams-color-15); --ams-color-global-focus: var(--ams-color-20); --ams-color-button-text: var(--ams-color-10); --ams-color-button-text-hover: var(--ams-color-10); --ams-color-button-text-active: var(--ams-color-10); --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-20); --ams-color-button-shadow: var(--ams-color-11); --ams-color-button-border: var(--ams-color-11); --ams-color-card-heading: var(--ams-color-11); --ams-color-card-heading-hover: var(--ams-color-18); --ams-color-card-heading-active: var(--ams-color-19); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-18); --ams-color-card-text-active: var(--ams-color-10); --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-20); --ams-color-card-border: var(--ams-color-10); --ams-color-card-border-hover: var(--ams-color-18); --ams-color-card-border-active: var(--ams-color-19); --ams-color-card-icon: var(--ams-color-14); --ams-color-card-icon-hover: var(--ams-color-15); --ams-color-card-icon-active: var(--ams-color-14); --ams-color-card-btn-text: var(--ams-color-10); --ams-color-card-btn-text-hover: var(--ams-color-10); --ams-color-card-btn-text-active: var(--ams-color-10); --ams-color-card-btn-bg: var(--ams-color-10); --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-20); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); } [data-color-scheme="map-beige"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-11); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-13); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-10); --ams-color-global-link-hover: var(--ams-color-10); --ams-color-global-link-border: var(--ams-color-11); --ams-color-global-link-border-hover: var(--ams-color-15); --ams-color-global-icon: var(--ams-color-14); --ams-color-global-icon-hover: var(--ams-color-15); --ams-color-global-focus: var(--ams-color-20); --ams-color-button-text: var(--ams-color-10); --ams-color-button-text-hover: var(--ams-color-10); --ams-color-button-text-active: var(--ams-color-10); --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-20); --ams-color-button-shadow: var(--ams-color-11); --ams-color-button-border: var(--ams-color-11); --ams-color-card-heading: var(--ams-color-11); --ams-color-card-heading-hover: var(--ams-color-18); --ams-color-card-heading-active: var(--ams-color-19); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-18); --ams-color-card-text-active: var(--ams-color-10); --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-20); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-18); --ams-color-card-border-active: var(--ams-color-19); --ams-color-card-icon: var(--ams-color-14); --ams-color-card-icon-hover: var(--ams-color-15); --ams-color-card-icon-active: var(--ams-color-14); --ams-color-card-btn-text: var(--ams-color-10); --ams-color-card-btn-text-hover: var(--ams-color-10); --ams-color-card-btn-text-active: var(--ams-color-10); --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-20); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); } [data-color-scheme="landningssida"] { --ams-color-global-heading: var(--ams-color-10); --ams-color-global-subheading: var(--ams-color-10); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-10); --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-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-button-text: var(--ams-color-10); --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-10); --ams-color-card-heading-hover: var(--ams-color-10); --ams-color-card-heading-active: var(--ams-color-10); --ams-color-card-text: var(--ams-color-10); --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); } @media (max-width: 47.9988em) { [data-color-scheme-mobile="beige"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-13); --ams-color-global-link: var(--ams-color-14); --ams-color-global-link-hover: var(--ams-color-15); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-14); --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-14); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-14); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-10); --ams-color-card-text-active: var(--ams-color-10); --ams-color-card-bg: var(--ams-color-13); --ams-color-card-bg-hover: var(--ams-color-13); --ams-color-card-bg-active: var(--ams-color-13); --ams-color-card-focus: var(--ams-color-20); --ams-color-card-border: var(--ams-color-21); --ams-color-card-border-hover: var(--ams-color-13); --ams-color-card-border-active: var(--ams-color-13); --ams-color-card-icon: var(--ams-color-14); --ams-color-card-icon-hover: var(--ams-color-14); --ams-color-card-icon-active: var(--ams-color-16); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-15); --ams-color-card-btn-bg-active: var(--ams-color-16); --ams-color-card-btn-focus: var(--ams-color-20); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-14); --ams-color-global-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-10); --ams-color-card-heading-hover: var(--ams-color-10); --ams-color-card-heading-active: var(--ams-color-10); --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-10); --ams-color-form-help-text: var(--ams-color-10); --ams-color-form-field-text: var(--ams-color-10); --ams-color-form-field-text-hover: var(--ams-color-10); --ams-color-form-field-text-active: var(--ams-color-10); --ams-color-form-field-placeholder: var(--ams-color-24); --ams-color-form-field-placeholder-hover: var(--ams-color-24); --ams-color-form-field-placeholder-active: var(--ams-color-24); --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-11); --ams-color-form-field-border-hover: var(--ams-color-11); --ams-color-form-field-focus: var(--ams-color-19); --ams-color-form-dropdown-text: var(--ams-color-10); --ams-color-form-dropdown-text-hover: var(--ams-color-10); --ams-color-form-dropdown-text-active: var(--ams-color-10); --ams-color-form-dropdown-bg: var(--ams-color-1); --ams-color-form-dropdown-bg-hover: var(--ams-color-13); --ams-color-form-dropdown-bg-active: var(--ams-color-13); --ams-color-form-dropdown-group-text: var(--ams-color-10); --ams-color-form-dropdown-group-separator: var(--ams-color-24); --ams-color-form-validation-error-text: var(--ams-color-42); --ams-color-form-validation-error-bg: var(--ams-color-13); } [data-color-scheme-mobile="vit"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-14); --ams-color-global-link-hover: var(--ams-color-14); --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-14); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-10); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-10); --ams-color-card-text-active: var(--ams-color-10); --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-20); --ams-color-card-border: var(--ams-color-21); --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-14); --ams-color-card-icon-hover: var(--ams-color-14); --ams-color-card-icon-active: var(--ams-color-16); --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-global-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-10); --ams-color-card-heading-hover: var(--ams-color-10); --ams-color-card-heading-active: var(--ams-color-10); --ams-color-global-link-border: var(--ams-color-14); --ams-color-global-link-border-hover: var(--ams-color-14); --ams-color-global-focus: var(--ams-color-20); --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="petroleumgron"] { --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-14); --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-10); --ams-color-button-text-hover: var(--ams-color-10); --ams-color-button-text-active: var(--ams-color-10); --ams-color-button-bg: var(--ams-color-17); --ams-color-button-bg-hover: var(--ams-color-18); --ams-color-button-bg-active: var(--ams-color-19); --ams-color-button-focus: var(--ams-color-20); --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-14); --ams-color-card-bg-hover: var(--ams-color-14); --ams-color-card-bg-active: var(--ams-color-14); --ams-color-card-focus: var(--ams-color-20); --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-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); } [data-color-scheme-mobile="poangplan"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-14); --ams-color-global-link-hover: var(--ams-color-15); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-14); --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-10); --ams-color-card-text-hover: var(--ams-color-10); --ams-color-card-text-active: var(--ams-color-10); --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-20); --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-10); --ams-color-card-icon-hover: var(--ams-color-10); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-10); --ams-color-card-btn-text-hover: var(--ams-color-10); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-13); --ams-color-card-btn-bg-hover: var(--ams-color-13); --ams-color-card-btn-bg-active: var(--ams-color-14); --ams-color-card-btn-focus: var(--ams-color-20); --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); } [data-color-scheme-mobile="kurslistning"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-11); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-13); --ams-color-global-link: var(--ams-color-10); --ams-color-global-link-hover: var(--ams-color-10); --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-14); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-14); --ams-color-card-text: var(--ams-color-10); --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-14); --ams-color-card-bg-active: var(--ams-color-16); --ams-color-card-focus: var(--ams-color-20); --ams-color-card-border: var(--ams-color-14); --ams-color-card-border-hover: var(--ams-color-14); --ams-color-card-border-active: var(--ams-color-16); --ams-color-card-icon: var(--ams-color-14); --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-10); --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-13); --ams-color-card-btn-bg-hover: var(--ams-color-14); --ams-color-card-btn-bg-active: var(--ams-color-14); --ams-color-card-btn-focus: var(--ams-color-20); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-14); --ams-color-global-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-10); --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-20); --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="kort-vit-bakgrund"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-11); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-link: var(--ams-color-10); --ams-color-global-link-hover: var(--ams-color-10); --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-14); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-14); --ams-color-card-text: var(--ams-color-10); --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-14); --ams-color-card-bg-active: var(--ams-color-16); --ams-color-card-focus: var(--ams-color-20); --ams-color-card-border: var(--ams-color-14); --ams-color-card-border-hover: var(--ams-color-14); --ams-color-card-border-active: var(--ams-color-16); --ams-color-card-icon: var(--ams-color-14); --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-14); --ams-color-card-btn-bg-active: var(--ams-color-16); --ams-color-card-btn-focus: var(--ams-color-20); --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-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-10); --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-10); --ams-color-form-help-text: var(--ams-color-1); --ams-color-form-field-text: var(--ams-color-10); --ams-color-form-field-text-hover: var(--ams-color-10); --ams-color-form-field-text-active: var(--ams-color-10); --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-14); --ams-color-form-field-border-hover: var(--ams-color-14); --ams-color-form-field-focus: var(--ams-color-20); --ams-color-form-dropdown-text: var(--ams-color-10); --ams-color-form-dropdown-text-hover: var(--ams-color-10); --ams-color-form-dropdown-text-active: var(--ams-color-10); --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-10); --ams-color-filter-btn-text-hover: var(--ams-color-10); --ams-color-filter-btn-text-active: var(--ams-color-10); --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-20); --ams-color-filter-btn-border: var(--ams-color-10); --ams-color-filter-dropdown-text: var(--ams-color-10); --ams-color-filter-dropdown-text-hover: var(--ams-color-10); --ams-color-filter-dropdown-text-active: var(--ams-color-10); --ams-color-filter-dropdown-bg: var(--ams-color-1); --ams-color-filter-dropdown-bg-hover: var(--ams-color-13); --ams-color-filter-dropdown-bg-active: var(--ams-color-1); --ams-color-filter-dropdown-group-text: var(--ams-color-10); --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-10); --ams-color-filter-checkbox-border-hover: var(--ams-color-10); --ams-color-filter-checkbox-border-active: var(--ams-color-10); --ams-color-filter-checkbox-focus: var(--ams-color-20); --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="kort-beige-bakgrund"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-11); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-13); --ams-color-global-link: var(--ams-color-10); --ams-color-global-link-hover: var(--ams-color-10); --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-14); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-14); --ams-color-card-text: var(--ams-color-10); --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-14); --ams-color-card-bg-active: var(--ams-color-16); --ams-color-card-focus: var(--ams-color-20); --ams-color-card-border: var(--ams-color-14); --ams-color-card-border-hover: var(--ams-color-14); --ams-color-card-border-active: var(--ams-color-16); --ams-color-card-icon: var(--ams-color-14); --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-10); --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-20); --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-10); --ams-color-card-heading-hover: var(--ams-color-1); --ams-color-card-heading-active: var(--ams-color-1); } [data-color-scheme-mobile="bla"] { --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-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-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-1); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-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-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-22); --ams-color-card-bg-hover: var(--ams-color-23); --ams-color-card-bg-active: var(--ams-color-23); --ams-color-card-focus: var(--ams-color-20); --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); } [data-color-scheme-mobile="kort-beige-bakgrund-2"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-11); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-13); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-10); --ams-color-global-link-hover: var(--ams-color-10); --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-14); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-14); --ams-color-card-heading: var(--ams-color-10); --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-10); --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-13); --ams-color-card-bg-hover: var(--ams-color-14); --ams-color-card-bg-active: var(--ams-color-16); --ams-color-card-focus: var(--ams-color-20); --ams-color-card-border: var(--ams-color-14); --ams-color-card-border-hover: var(--ams-color-15); --ams-color-card-border-active: var(--ams-color-16); --ams-color-card-icon: var(--ams-color-14); --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-10); --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-20); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: 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-10); --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-icon: var(--ams-color-11); --ams-color-global-icon-hover: var(--ams-color-11); --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-11); --ams-color-card-heading-hover: var(--ams-color-11); --ams-color-card-heading-active: var(--ams-color-11); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-10); --ams-color-card-text-active: var(--ams-color-10); --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-20); --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); } [data-color-scheme-mobile="bakgrund-card-nyans1_av_p2-dark-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-26); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-card-text: var(--ams-color-34); --ams-color-card-heading: var(--ams-color-34); --ams-color-card-btn-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-card-bg: var(--ams-color-31); --ams-color-button-bg-hover: var(--ams-color-18); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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="bakgrund-card-nyans2_av_p2-dark-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-26); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-card-text: var(--ams-color-34); --ams-color-card-heading: var(--ams-color-34); --ams-color-card-btn-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-card-bg: var(--ams-color-30); --ams-color-button-bg-hover: var(--ams-color-18); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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="bakgrund-card-primar1-light-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-26); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-card-text: var(--ams-color-33); --ams-color-card-heading: var(--ams-color-33); --ams-color-card-btn-border: var(--ams-color-33); --ams-color-card-bg: var(--ams-color-27); --ams-color-button-bg-hover: var(--ams-color-18); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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="bakgrund-hover-standard"] { --ams-color-global-bg: var(--ams-color-26); --ams-color-card-bg: var(--ams-color-26); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-card-text: var(--ams-color-34); --ams-color-card-heading: var(--ams-color-34); --ams-color-card-btn-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-button-bg-hover: var(--ams-color-18); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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="bakgrund-dark-card-primar1-light-hover-standard_standard"] { --ams-color-global-bg: var(--ams-color-26); --ams-color-global-heading: var(--ams-color-34); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-card-text: var(--ams-color-33); --ams-color-card-heading: var(--ams-color-33); --ams-color-card-btn-border: var(--ams-color-33); --ams-color-card-bg: var(--ams-color-27); --ams-color-button-bg-hover: var(--ams-color-18); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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="oppet-hus"] { --ams-color-global-heading: var(--ams-color-10); --ams-color-global-subheading: var(--ams-color-10); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-10); --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-icon: var(--ams-color-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-button-text: var(--ams-color-14); --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-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-14); --ams-color-card-heading: var(--ams-color-10); --ams-color-card-heading-hover: var(--ams-color-10); --ams-color-card-heading-active: var(--ams-color-10); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-10); --ams-color-card-text-active: var(--ams-color-10); --ams-color-card-bg: var(--ams-color-13); --ams-color-card-bg-hover: var(--ams-color-13); --ams-color-card-bg-active: var(--ams-color-13); --ams-color-card-focus: var(--ams-color-20); --ams-color-card-border: var(--ams-color-13); --ams-color-card-border-hover: var(--ams-color-13); --ams-color-card-border-active: var(--ams-color-13); --ams-color-card-icon: var(--ams-color-10); --ams-color-card-icon-hover: var(--ams-color-10); --ams-color-card-icon-active: var(--ams-color-10); --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="tidslinje"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-11); --ams-color-global-text: var(--ams-color-10); --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-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-14); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: var(--ams-color-1); --ams-color-button-border: var(--ams-color-1); --ams-color-card-heading: var(--ams-color-10); --ams-color-card-heading-hover: var(--ams-color-10); --ams-color-card-heading-active: var(--ams-color-10); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-10); --ams-color-card-text-active: var(--ams-color-10); --ams-color-card-bg: var(--ams-color-14); --ams-color-card-bg-hover: var(--ams-color-14); --ams-color-card-bg-active: var(--ams-color-14); --ams-color-card-focus: var(--ams-color-20); --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-14); --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="nyans2_av_p2-hover-standard"] { --ams-color-global-bg: var(--ams-color-30); --ams-color-card-bg: var(--ams-color-30); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-card-text: var(--ams-color-34); --ams-color-card-heading: var(--ams-color-34); --ams-color-card-btn-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-button-bg-hover: var(--ams-color-18); --ams-color-global-link-hover: var(--ams-color-10); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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-10); --ams-color-global-link-border: var(--ams-color-14); --ams-color-global-link-border-hover: var(--ams-color-14); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-20); --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-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="nyans1_av_p2-hover-standard"] { --ams-color-global-bg: var(--ams-color-31); --ams-color-card-bg: var(--ams-color-31); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-card-text: var(--ams-color-34); --ams-color-card-heading: var(--ams-color-34); --ams-color-card-btn-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-button-bg-hover: var(--ams-color-18); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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-hover-faq"] { --ams-color-global-bg: var(--ams-color-30); --ams-color-card-bg: var(--ams-color-30); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-14); --ams-color-card-text: var(--ams-color-34); --ams-color-card-heading: var(--ams-color-34); --ams-color-card-btn-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-14); --ams-color-button-text: var(--ams-color-33); --ams-color-button-bg-hover: var(--ams-color-15); --ams-color-global-link-hover: var(--ams-color-10); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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-10); --ams-color-global-link-border: var(--ams-color-10); --ams-color-global-link-border-hover: var(--ams-color-10); --ams-color-global-icon: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-20); --ams-color-button-text-active: var(--ams-color-1); --ams-color-button-bg-active: var(--ams-color-16); --ams-color-button-focus: var(--ams-color-20); --ams-color-button-shadow: 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-10); --ams-color-card-icon-active: var(--ams-color-1); --ams-color-card-btn-text: var(--ams-color-10); --ams-color-card-btn-text-active: var(--ams-color-1); --ams-color-card-btn-bg: var(--ams-color-13); --ams-color-card-btn-bg-active: var(--ams-color-14); --ams-color-card-btn-focus: var(--ams-color-20); --ams-color-card-btn-shadow: var(--ams-color-1); } [data-color-scheme-mobile="nyans1_av_p2-hover-faq"] { --ams-color-global-bg: var(--ams-color-31); --ams-color-card-bg: var(--ams-color-31); --ams-color-global-text: var(--ams-color-34); --ams-color-button-border: var(--ams-color-34); --ams-color-card-text: var(--ams-color-34); --ams-color-card-heading: var(--ams-color-34); --ams-color-card-btn-border: var(--ams-color-34); --ams-color-global-heading: var(--ams-color-32); --ams-color-global-subheading: var(--ams-color-32); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-text: var(--ams-color-33); --ams-color-button-bg-hover: var(--ams-color-14); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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="primar1-hover-standard"] { --ams-color-global-bg: var(--ams-color-27); --ams-color-card-bg: var(--ams-color-27); --ams-color-global-text: var(--ams-color-33); --ams-color-button-border: var(--ams-color-33); --ams-color-card-text: var(--ams-color-33); --ams-color-card-heading: var(--ams-color-33); --ams-color-card-btn-border: var(--ams-color-33); --ams-color-button-text: var(--ams-color-33); --ams-color-global-heading: var(--ams-color-28); --ams-color-global-subheading: var(--ams-color-28); --ams-color-button-bg: var(--ams-color-35); --ams-color-button-bg-hover: var(--ams-color-18); --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-14); --ams-color-card-btn-bg-hover: var(--ams-color-14); --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="beige-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-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-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-global-focus: 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-heading: var(--ams-color-10); --ams-color-card-heading-hover: var(--ams-color-10); --ams-color-card-heading-active: var(--ams-color-10); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-10); --ams-color-card-text-active: var(--ams-color-10); --ams-color-card-bg: var(--ams-color-13); --ams-color-card-bg-hover: var(--ams-color-13); --ams-color-card-bg-active: var(--ams-color-13); --ams-color-card-focus: var(--ams-color-20); --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-11); --ams-color-card-icon-hover: var(--ams-color-11); --ams-color-card-icon-active: var(--ams-color-11); --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-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-11); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-1); --ams-color-global-border: var(--ams-color-10); --ams-color-global-link: var(--ams-color-10); --ams-color-global-link-hover: var(--ams-color-10); --ams-color-global-link-border: var(--ams-color-11); --ams-color-global-link-border-hover: var(--ams-color-15); --ams-color-global-icon: var(--ams-color-14); --ams-color-global-icon-hover: var(--ams-color-15); --ams-color-global-focus: var(--ams-color-20); --ams-color-button-text: var(--ams-color-10); --ams-color-button-text-hover: var(--ams-color-10); --ams-color-button-text-active: var(--ams-color-10); --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-20); --ams-color-button-shadow: var(--ams-color-11); --ams-color-button-border: var(--ams-color-11); --ams-color-card-heading: var(--ams-color-11); --ams-color-card-heading-hover: var(--ams-color-18); --ams-color-card-heading-active: var(--ams-color-19); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-18); --ams-color-card-text-active: var(--ams-color-10); --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-20); --ams-color-card-border: var(--ams-color-10); --ams-color-card-border-hover: var(--ams-color-18); --ams-color-card-border-active: var(--ams-color-19); --ams-color-card-icon: var(--ams-color-14); --ams-color-card-icon-hover: var(--ams-color-15); --ams-color-card-icon-active: var(--ams-color-14); --ams-color-card-btn-text: var(--ams-color-10); --ams-color-card-btn-text-hover: var(--ams-color-10); --ams-color-card-btn-text-active: var(--ams-color-10); --ams-color-card-btn-bg: var(--ams-color-10); --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-20); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); } [data-color-scheme-mobile="map-beige"] { --ams-color-global-heading: var(--ams-color-11); --ams-color-global-subheading: var(--ams-color-11); --ams-color-global-highlight: var(--ams-color-11); --ams-color-global-text: var(--ams-color-10); --ams-color-global-bg: var(--ams-color-13); --ams-color-global-border: var(--ams-color-1); --ams-color-global-link: var(--ams-color-10); --ams-color-global-link-hover: var(--ams-color-10); --ams-color-global-link-border: var(--ams-color-11); --ams-color-global-link-border-hover: var(--ams-color-15); --ams-color-global-icon: var(--ams-color-14); --ams-color-global-icon-hover: var(--ams-color-15); --ams-color-global-focus: var(--ams-color-20); --ams-color-button-text: var(--ams-color-10); --ams-color-button-text-hover: var(--ams-color-10); --ams-color-button-text-active: var(--ams-color-10); --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-20); --ams-color-button-shadow: var(--ams-color-11); --ams-color-button-border: var(--ams-color-11); --ams-color-card-heading: var(--ams-color-11); --ams-color-card-heading-hover: var(--ams-color-18); --ams-color-card-heading-active: var(--ams-color-19); --ams-color-card-text: var(--ams-color-10); --ams-color-card-text-hover: var(--ams-color-18); --ams-color-card-text-active: var(--ams-color-10); --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-20); --ams-color-card-border: var(--ams-color-1); --ams-color-card-border-hover: var(--ams-color-18); --ams-color-card-border-active: var(--ams-color-19); --ams-color-card-icon: var(--ams-color-14); --ams-color-card-icon-hover: var(--ams-color-15); --ams-color-card-icon-active: var(--ams-color-14); --ams-color-card-btn-text: var(--ams-color-10); --ams-color-card-btn-text-hover: var(--ams-color-10); --ams-color-card-btn-text-active: var(--ams-color-10); --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-20); --ams-color-card-btn-shadow: var(--ams-color-1); --ams-color-card-btn-border: var(--ams-color-1); } [data-color-scheme-mobile="landningssida"] { --ams-color-global-heading: var(--ams-color-10); --ams-color-global-subheading: var(--ams-color-10); --ams-color-global-highlight: var(--ams-color-1); --ams-color-global-text: var(--ams-color-10); --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-1); --ams-color-global-icon-hover: var(--ams-color-1); --ams-color-global-focus: var(--ams-color-1); --ams-color-button-text: var(--ams-color-10); --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-10); --ams-color-card-heading-hover: var(--ams-color-10); --ams-color-card-heading-active: var(--ams-color-10); --ams-color-card-text: var(--ams-color-10); --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); } }