/**
 * Do not edit directly, this file was auto-generated.
 */

/**
 * Brukes som box-shadow på eleverte elementer som modaler og popovers.
 */
 @ax-shadow-dialog: var(--ax-shadow-dialog);
/**
 * Brukes for å sette opacity på deaktiverte elementer.
 */
 @ax-opacity-disabled: var(--ax-opacity-disabled);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
 */
 @ax-bg-neutral-soft: var(--ax-bg-neutral-soft);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
 */
 @ax-bg-neutral-softA: var(--ax-bg-neutral-softA);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border.
 */
 @ax-bg-neutral-moderate: var(--ax-bg-neutral-moderate);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-neutral-moderateA: var(--ax-bg-neutral-moderateA);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-neutral-moderate-hover: var(--ax-bg-neutral-moderate-hover);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer (f.eks. button neutral secondary hover). Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-neutral-moderate-hoverA: var(--ax-bg-neutral-moderate-hoverA);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-neutral-moderate-pressed: var(--ax-bg-neutral-moderate-pressed);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer (f.eks. button neutral secondary active). Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-neutral-moderate-pressedA: var(--ax-bg-neutral-moderate-pressedA);
/**
 * En sterk bakgrunnsfarge som brukes på meningsbærende elementer (f.eks. button neutral primary).
 */
 @ax-bg-neutral-strong: var(--ax-bg-neutral-strong);
/**
 * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer (f.eks. button neutral primary hover).
 */
 @ax-bg-neutral-strong-hover: var(--ax-bg-neutral-strong-hover);
/**
 * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer (f.eks. button neutral primary active).
 */
 @ax-bg-neutral-strong-pressed: var(--ax-bg-neutral-strong-pressed);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
 */
 @ax-bg-accent-soft: var(--ax-bg-accent-soft);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
 */
 @ax-bg-accent-softA: var(--ax-bg-accent-softA);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border.
 */
 @ax-bg-accent-moderate: var(--ax-bg-accent-moderate);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-accent-moderateA: var(--ax-bg-accent-moderateA);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-accent-moderate-hover: var(--ax-bg-accent-moderate-hover);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer (f.eks. button accent secondary hover). Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-accent-moderate-hoverA: var(--ax-bg-accent-moderate-hoverA);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-accent-moderate-pressed: var(--ax-bg-accent-moderate-pressed);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer (f.eks. button accent secondary active). Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-accent-moderate-pressedA: var(--ax-bg-accent-moderate-pressedA);
/**
 * En sterk bakgrunnsfarge som brukes på meningsbærende elementer (f.eks. button accent primary).
 */
 @ax-bg-accent-strong: var(--ax-bg-accent-strong);
/**
 * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer (f.eks. button accent primary hover).
 */
 @ax-bg-accent-strong-hover: var(--ax-bg-accent-strong-hover);
/**
 * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer (f.eks. button accent primary active).
 */
 @ax-bg-accent-strong-pressed: var(--ax-bg-accent-strong-pressed);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
 */
 @ax-bg-success-soft: var(--ax-bg-success-soft);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
 */
 @ax-bg-success-softA: var(--ax-bg-success-softA);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border (f.eks. alert success).
 */
 @ax-bg-success-moderate: var(--ax-bg-success-moderate);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-success-moderateA: var(--ax-bg-success-moderateA);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-success-moderate-hover: var(--ax-bg-success-moderate-hover);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-success-moderate-hoverA: var(--ax-bg-success-moderate-hoverA);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-success-moderate-pressed: var(--ax-bg-success-moderate-pressed);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-success-moderate-pressedA: var(--ax-bg-success-moderate-pressedA);
/**
 * En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
 */
 @ax-bg-success-strong: var(--ax-bg-success-strong);
/**
 * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
 */
 @ax-bg-success-strong-hover: var(--ax-bg-success-strong-hover);
/**
 * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
 */
 @ax-bg-success-strong-pressed: var(--ax-bg-success-strong-pressed);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
 */
 @ax-bg-warning-soft: var(--ax-bg-warning-soft);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
 */
 @ax-bg-warning-softA: var(--ax-bg-warning-softA);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border (f.eks. alert warning).
 */
 @ax-bg-warning-moderate: var(--ax-bg-warning-moderate);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-warning-moderateA: var(--ax-bg-warning-moderateA);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-warning-moderate-hover: var(--ax-bg-warning-moderate-hover);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-warning-moderate-hoverA: var(--ax-bg-warning-moderate-hoverA);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-warning-moderate-pressed: var(--ax-bg-warning-moderate-pressed);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-warning-moderate-pressedA: var(--ax-bg-warning-moderate-pressedA);
/**
 * En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
 */
 @ax-bg-warning-strong: var(--ax-bg-warning-strong);
/**
 * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
 */
 @ax-bg-warning-strong-hover: var(--ax-bg-warning-strong-hover);
/**
 * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
 */
 @ax-bg-warning-strong-pressed: var(--ax-bg-warning-strong-pressed);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
 */
 @ax-bg-danger-soft: var(--ax-bg-danger-soft);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
 */
 @ax-bg-danger-softA: var(--ax-bg-danger-softA);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border (f.eks. alert error).
 */
 @ax-bg-danger-moderate: var(--ax-bg-danger-moderate);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-danger-moderateA: var(--ax-bg-danger-moderateA);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-danger-moderate-hover: var(--ax-bg-danger-moderate-hover);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-danger-moderate-hoverA: var(--ax-bg-danger-moderate-hoverA);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-danger-moderate-pressed: var(--ax-bg-danger-moderate-pressed);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-danger-moderate-pressedA: var(--ax-bg-danger-moderate-pressedA);
/**
 * En sterk bakgrunnsfarge som brukes på meningsbærende elementer (f.eks. button danger primary).
 */
 @ax-bg-danger-strong: var(--ax-bg-danger-strong);
/**
 * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer (f.eks. button danger primary hover).
 */
 @ax-bg-danger-strong-hover: var(--ax-bg-danger-strong-hover);
/**
 * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer (f.eks. button danger primary active).
 */
 @ax-bg-danger-strong-pressed: var(--ax-bg-danger-strong-pressed);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
 */
 @ax-bg-info-soft: var(--ax-bg-info-soft);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
 */
 @ax-bg-info-softA: var(--ax-bg-info-softA);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border (f.eks. alert info).
 */
 @ax-bg-info-moderate: var(--ax-bg-info-moderate);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-info-moderateA: var(--ax-bg-info-moderateA);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-info-moderate-hover: var(--ax-bg-info-moderate-hover);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-info-moderate-hoverA: var(--ax-bg-info-moderate-hoverA);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-info-moderate-pressed: var(--ax-bg-info-moderate-pressed);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-info-moderate-pressedA: var(--ax-bg-info-moderate-pressedA);
/**
 * En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
 */
 @ax-bg-info-strong: var(--ax-bg-info-strong);
/**
 * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
 */
 @ax-bg-info-strong-hover: var(--ax-bg-info-strong-hover);
/**
 * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
 */
 @ax-bg-info-strong-pressed: var(--ax-bg-info-strong-pressed);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
 */
 @ax-bg-brand-magenta-soft: var(--ax-bg-brand-magenta-soft);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
 */
 @ax-bg-brand-magenta-softA: var(--ax-bg-brand-magenta-softA);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border.
 */
 @ax-bg-brand-magenta-moderate: var(--ax-bg-brand-magenta-moderate);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-brand-magenta-moderateA: var(--ax-bg-brand-magenta-moderateA);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-brand-magenta-moderate-hover: var(--ax-bg-brand-magenta-moderate-hover);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-brand-magenta-moderate-hoverA: var(--ax-bg-brand-magenta-moderate-hoverA);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-brand-magenta-moderate-pressed: var(--ax-bg-brand-magenta-moderate-pressed);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-brand-magenta-moderate-pressedA: var(--ax-bg-brand-magenta-moderate-pressedA);
/**
 * En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
 */
 @ax-bg-brand-magenta-strong: var(--ax-bg-brand-magenta-strong);
/**
 * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
 */
 @ax-bg-brand-magenta-strong-hover: var(--ax-bg-brand-magenta-strong-hover);
/**
 * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
 */
 @ax-bg-brand-magenta-strong-pressed: var(--ax-bg-brand-magenta-strong-pressed);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
 */
 @ax-bg-brand-beige-soft: var(--ax-bg-brand-beige-soft);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
 */
 @ax-bg-brand-beige-softA: var(--ax-bg-brand-beige-softA);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border.
 */
 @ax-bg-brand-beige-moderate: var(--ax-bg-brand-beige-moderate);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-brand-beige-moderateA: var(--ax-bg-brand-beige-moderateA);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-brand-beige-moderate-hover: var(--ax-bg-brand-beige-moderate-hover);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-brand-beige-moderate-hoverA: var(--ax-bg-brand-beige-moderate-hoverA);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-brand-beige-moderate-pressed: var(--ax-bg-brand-beige-moderate-pressed);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-brand-beige-moderate-pressedA: var(--ax-bg-brand-beige-moderate-pressedA);
/**
 * En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
 */
 @ax-bg-brand-beige-strong: var(--ax-bg-brand-beige-strong);
/**
 * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
 */
 @ax-bg-brand-beige-strong-hover: var(--ax-bg-brand-beige-strong-hover);
/**
 * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
 */
 @ax-bg-brand-beige-strong-pressed: var(--ax-bg-brand-beige-strong-pressed);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
 */
 @ax-bg-brand-blue-soft: var(--ax-bg-brand-blue-soft);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
 */
 @ax-bg-brand-blue-softA: var(--ax-bg-brand-blue-softA);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border.
 */
 @ax-bg-brand-blue-moderate: var(--ax-bg-brand-blue-moderate);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-brand-blue-moderateA: var(--ax-bg-brand-blue-moderateA);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-brand-blue-moderate-hover: var(--ax-bg-brand-blue-moderate-hover);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-brand-blue-moderate-hoverA: var(--ax-bg-brand-blue-moderate-hoverA);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-brand-blue-moderate-pressed: var(--ax-bg-brand-blue-moderate-pressed);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-brand-blue-moderate-pressedA: var(--ax-bg-brand-blue-moderate-pressedA);
/**
 * En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
 */
 @ax-bg-brand-blue-strong: var(--ax-bg-brand-blue-strong);
/**
 * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
 */
 @ax-bg-brand-blue-strong-hover: var(--ax-bg-brand-blue-strong-hover);
/**
 * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
 */
 @ax-bg-brand-blue-strong-pressed: var(--ax-bg-brand-blue-strong-pressed);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
 */
 @ax-bg-meta-purple-soft: var(--ax-bg-meta-purple-soft);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
 */
 @ax-bg-meta-purple-softA: var(--ax-bg-meta-purple-softA);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border.
 */
 @ax-bg-meta-purple-moderate: var(--ax-bg-meta-purple-moderate);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-meta-purple-moderateA: var(--ax-bg-meta-purple-moderateA);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-meta-purple-moderate-hover: var(--ax-bg-meta-purple-moderate-hover);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-meta-purple-moderate-hoverA: var(--ax-bg-meta-purple-moderate-hoverA);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-meta-purple-moderate-pressed: var(--ax-bg-meta-purple-moderate-pressed);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-meta-purple-moderate-pressedA: var(--ax-bg-meta-purple-moderate-pressedA);
/**
 * En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
 */
 @ax-bg-meta-purple-strong: var(--ax-bg-meta-purple-strong);
/**
 * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
 */
 @ax-bg-meta-purple-strong-hover: var(--ax-bg-meta-purple-strong-hover);
/**
 * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
 */
 @ax-bg-meta-purple-strong-pressed: var(--ax-bg-meta-purple-strong-pressed);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
 */
 @ax-bg-meta-lime-soft: var(--ax-bg-meta-lime-soft);
/**
 * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
 */
 @ax-bg-meta-lime-softA: var(--ax-bg-meta-lime-softA);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border.
 */
 @ax-bg-meta-lime-moderate: var(--ax-bg-meta-lime-moderate);
/**
 * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-meta-lime-moderateA: var(--ax-bg-meta-lime-moderateA);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-meta-lime-moderate-hover: var(--ax-bg-meta-lime-moderate-hover);
/**
 * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-meta-lime-moderate-hoverA: var(--ax-bg-meta-lime-moderate-hoverA);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
 */
 @ax-bg-meta-lime-moderate-pressed: var(--ax-bg-meta-lime-moderate-pressed);
/**
 * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
 */
 @ax-bg-meta-lime-moderate-pressedA: var(--ax-bg-meta-lime-moderate-pressedA);
/**
 * En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
 */
 @ax-bg-meta-lime-strong: var(--ax-bg-meta-lime-strong);
/**
 * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
 */
 @ax-bg-meta-lime-strong-hover: var(--ax-bg-meta-lime-strong-hover);
/**
 * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
 */
 @ax-bg-meta-lime-strong-pressed: var(--ax-bg-meta-lime-strong-pressed);
/**
 * Standard bakgrunnsfarge
 */
 @ax-bg-default: var(--ax-bg-default);
/**
 * Bakgrunnsfargen som brukes på input-elementer (tekstfelt, sjekkbokser, o.l.) 
 */
 @ax-bg-input: var(--ax-bg-input);
/**
 * Bakgrunnsfarge på bokser som svever eller som skal fremheves i darkmode. F.eks. Card.
 */
 @ax-bg-raised: var(--ax-bg-raised);
/**
 * Bakgrunnsfarge på en side eller deler av en side som fremstår nedsunket, dvs. «lavere» enn standard bakgrunn.
 */
 @ax-bg-sunken: var(--ax-bg-sunken);
/**
 * Fargen på det mørke gjennomsiktige laget som legges oppå en side når en modal åpnes.
 */
 @ax-bg-overlay: var(--ax-bg-overlay);
/**
 * Standard farge for tekst og ikoner med rollen neutral. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-neutral: var(--ax-text-neutral);
/**
 * En nedtonet farge for tekst og ikoner med rollen neutral. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-neutral-subtle: var(--ax-text-neutral-subtle);
/**
 * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**.
 */
 @ax-text-neutral-decoration: var(--ax-text-neutral-decoration);
/**
 * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong (f.eks. button neutral primary).
 */
 @ax-text-neutral-contrast: var(--ax-text-neutral-contrast);
/**
 * Sterk farge for tekst og ikoner for rollen accent. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-accent: var(--ax-text-accent);
/**
 * Standard farge for tekst og ikoner med rollen accent. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-accent-subtle: var(--ax-text-accent-subtle);
/**
 * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**.
 */
 @ax-text-accent-decoration: var(--ax-text-accent-decoration);
/**
 * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong (f.eks. button accent primary).
 */
 @ax-text-accent-contrast: var(--ax-text-accent-contrast);
/**
 * Sterk farge for tekst og ikoner for rollen success. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-success: var(--ax-text-success);
/**
 * Standard farge for tekst og ikoner med rollen success. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-success-subtle: var(--ax-text-success-subtle);
/**
 * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**.
 */
 @ax-text-success-decoration: var(--ax-text-success-decoration);
/**
 * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
 */
 @ax-text-success-contrast: var(--ax-text-success-contrast);
/**
 * Sterk farge for tekst og ikoner for rollen warning. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-warning: var(--ax-text-warning);
/**
 * Standard farge for tekst og ikoner med rollen warning. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-warning-subtle: var(--ax-text-warning-subtle);
/**
 * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**.
 */
 @ax-text-warning-decoration: var(--ax-text-warning-decoration);
/**
 * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
 */
 @ax-text-warning-contrast: var(--ax-text-warning-contrast);
/**
 * Sterk farge for tekst og ikoner for rollen danger. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-danger: var(--ax-text-danger);
/**
 * Standard farge for tekst og ikoner med rollen danger. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-danger-subtle: var(--ax-text-danger-subtle);
/**
 * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**.
 */
 @ax-text-danger-decoration: var(--ax-text-danger-decoration);
/**
 * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong (f.eks. button danger primary).
 */
 @ax-text-danger-contrast: var(--ax-text-danger-contrast);
/**
 * Sterk farge for tekst og ikoner for rollen info. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-info: var(--ax-text-info);
/**
 * Standard farge for tekst og ikoner med rollen info. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-info-subtle: var(--ax-text-info-subtle);
/**
 * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**.
 */
 @ax-text-info-decoration: var(--ax-text-info-decoration);
/**
 * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
 */
 @ax-text-info-contrast: var(--ax-text-info-contrast);
/**
 * Sterk farge for tekst og ikoner for rollen brand magenta. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-brand-magenta: var(--ax-text-brand-magenta);
/**
 * Standard farge for tekst og ikoner med rollen brand magenta. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-brand-magenta-subtle: var(--ax-text-brand-magenta-subtle);
/**
 * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**.
 */
 @ax-text-brand-magenta-decoration: var(--ax-text-brand-magenta-decoration);
/**
 * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
 */
 @ax-text-brand-magenta-contrast: var(--ax-text-brand-magenta-contrast);
/**
 * Sterk farge for tekst og ikoner for rollen brand beige. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-brand-beige: var(--ax-text-brand-beige);
/**
 * Standard farge for tekst og ikoner med rollen brand beige. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-brand-beige-subtle: var(--ax-text-brand-beige-subtle);
/**
 * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**.
 */
 @ax-text-brand-beige-decoration: var(--ax-text-brand-beige-decoration);
/**
 * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
 */
 @ax-text-brand-beige-contrast: var(--ax-text-brand-beige-contrast);
/**
 * Sterk farge for tekst og ikoner for rollen brand blue. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-brand-blue: var(--ax-text-brand-blue);
/**
 * Standard farge for tekst og ikoner med rollen brand blue. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-brand-blue-subtle: var(--ax-text-brand-blue-subtle);
/**
 * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**.
 */
 @ax-text-brand-blue-decoration: var(--ax-text-brand-blue-decoration);
/**
 * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
 */
 @ax-text-brand-blue-contrast: var(--ax-text-brand-blue-contrast);
/**
 * Sterk farge for tekst og ikoner for rollen meta purple. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-meta-purple: var(--ax-text-meta-purple);
/**
 * Standard farge for tekst og ikoner med rollen meta purple. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-meta-purple-subtle: var(--ax-text-meta-purple-subtle);
/**
 * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**.
 */
 @ax-text-meta-purple-decoration: var(--ax-text-meta-purple-decoration);
/**
 * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
 */
 @ax-text-meta-purple-contrast: var(--ax-text-meta-purple-contrast);
/**
 * Sterk farge for tekst og ikoner for rollen meta lime. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-meta-lime: var(--ax-text-meta-lime);
/**
 * Standard farge for tekst og ikoner med rollen meta lime. Godkjent på alle bakgrunner unntatt strong.
 */
 @ax-text-meta-lime-subtle: var(--ax-text-meta-lime-subtle);
/**
 * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**.
 */
 @ax-text-meta-lime-decoration: var(--ax-text-meta-lime-decoration);
/**
 * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
 */
 @ax-text-meta-lime-contrast: var(--ax-text-meta-lime-contrast);
/**
 * Navs logo-farge
 */
 @ax-text-logo: var(--ax-text-logo);
/**
 * Standard farge for border.
 */
 @ax-border-neutral: var(--ax-border-neutral);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
 */
 @ax-border-neutral-subtle: var(--ax-border-neutral-subtle);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
 */
 @ax-border-neutral-subtleA: var(--ax-border-neutral-subtleA);
/**
 * En sterk border-farge. Kan brukes som hover-state til border-default.
 */
 @ax-border-neutral-strong: var(--ax-border-neutral-strong);
/**
 * Standard farge for border.
 */
 @ax-border-accent: var(--ax-border-accent);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
 */
 @ax-border-accent-subtle: var(--ax-border-accent-subtle);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
 */
 @ax-border-accent-subtleA: var(--ax-border-accent-subtleA);
/**
 * En sterk border-farge. Kan brukes som hover-state til border-default.
 */
 @ax-border-accent-strong: var(--ax-border-accent-strong);
/**
 * Standard farge for border.
 */
 @ax-border-success: var(--ax-border-success);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
 */
 @ax-border-success-subtle: var(--ax-border-success-subtle);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
 */
 @ax-border-success-subtleA: var(--ax-border-success-subtleA);
/**
 * En sterk border-farge. Kan brukes som hover-state til border-default.
 */
 @ax-border-success-strong: var(--ax-border-success-strong);
/**
 * Standard farge for border.
 */
 @ax-border-warning: var(--ax-border-warning);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
 */
 @ax-border-warning-subtle: var(--ax-border-warning-subtle);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
 */
 @ax-border-warning-subtleA: var(--ax-border-warning-subtleA);
/**
 * En sterk border-farge. Kan brukes som hover-state til border-default.
 */
 @ax-border-warning-strong: var(--ax-border-warning-strong);
/**
 * Standard farge for border.
 */
 @ax-border-danger: var(--ax-border-danger);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
 */
 @ax-border-danger-subtle: var(--ax-border-danger-subtle);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
 */
 @ax-border-danger-subtleA: var(--ax-border-danger-subtleA);
/**
 * En sterk border-farge. Kan brukes som hover-state til border-default.
 */
 @ax-border-danger-strong: var(--ax-border-danger-strong);
/**
 * Standard farge for border.
 */
 @ax-border-info: var(--ax-border-info);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
 */
 @ax-border-info-subtle: var(--ax-border-info-subtle);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
 */
 @ax-border-info-subtleA: var(--ax-border-info-subtleA);
/**
 * En sterk border-farge. Kan brukes som hover-state til border-default.
 */
 @ax-border-info-strong: var(--ax-border-info-strong);
/**
 * Standard farge for border.
 */
 @ax-border-brand-magenta: var(--ax-border-brand-magenta);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
 */
 @ax-border-brand-magenta-subtle: var(--ax-border-brand-magenta-subtle);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
 */
 @ax-border-brand-magenta-subtleA: var(--ax-border-brand-magenta-subtleA);
/**
 * En sterk border-farge. Kan brukes som hover-state til border-default.
 */
 @ax-border-brand-magenta-strong: var(--ax-border-brand-magenta-strong);
/**
 * Standard farge for border.
 */
 @ax-border-brand-beige: var(--ax-border-brand-beige);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
 */
 @ax-border-brand-beige-subtle: var(--ax-border-brand-beige-subtle);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
 */
 @ax-border-brand-beige-subtleA: var(--ax-border-brand-beige-subtleA);
/**
 * En sterk border-farge. Kan brukes som hover-state til border-default.
 */
 @ax-border-brand-beige-strong: var(--ax-border-brand-beige-strong);
/**
 * Standard farge for border.
 */
 @ax-border-brand-blue: var(--ax-border-brand-blue);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
 */
 @ax-border-brand-blue-subtle: var(--ax-border-brand-blue-subtle);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
 */
 @ax-border-brand-blue-subtleA: var(--ax-border-brand-blue-subtleA);
/**
 * En sterk border-farge. Kan brukes som hover-state til border-default.
 */
 @ax-border-brand-blue-strong: var(--ax-border-brand-blue-strong);
/**
 * Standard farge for border.
 */
 @ax-border-meta-purple: var(--ax-border-meta-purple);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
 */
 @ax-border-meta-purple-subtle: var(--ax-border-meta-purple-subtle);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
 */
 @ax-border-meta-purple-subtleA: var(--ax-border-meta-purple-subtleA);
/**
 * En sterk border-farge. Kan brukes som hover-state til border-default.
 */
 @ax-border-meta-purple-strong: var(--ax-border-meta-purple-strong);
/**
 * Standard farge for border.
 */
 @ax-border-meta-lime: var(--ax-border-meta-lime);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
 */
 @ax-border-meta-lime-subtle: var(--ax-border-meta-lime-subtle);
/**
 * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
 */
 @ax-border-meta-lime-subtleA: var(--ax-border-meta-lime-subtleA);
/**
 * En sterk border-farge. Kan brukes som hover-state til border-default.
 */
 @ax-border-meta-lime-strong: var(--ax-border-meta-lime-strong);
/**
 * Farge på fokusmarkering.
 */
 @ax-border-focus: var(--ax-border-focus);
 @ax-neutral-100: var(--ax-neutral-100);
 @ax-neutral-200: var(--ax-neutral-200);
 @ax-neutral-300: var(--ax-neutral-300);
 @ax-neutral-400: var(--ax-neutral-400);
 @ax-neutral-500: var(--ax-neutral-500);
 @ax-neutral-600: var(--ax-neutral-600);
 @ax-neutral-700: var(--ax-neutral-700);
 @ax-neutral-800: var(--ax-neutral-800);
 @ax-neutral-900: var(--ax-neutral-900);
 @ax-neutral-1000: var(--ax-neutral-1000);
 @ax-neutral-000: var(--ax-neutral-000);
 @ax-neutral-100A: var(--ax-neutral-100A);
 @ax-neutral-200A: var(--ax-neutral-200A);
 @ax-neutral-300A: var(--ax-neutral-300A);
 @ax-neutral-400A: var(--ax-neutral-400A);
 @ax-accent-100: var(--ax-accent-100);
 @ax-accent-200: var(--ax-accent-200);
 @ax-accent-300: var(--ax-accent-300);
 @ax-accent-400: var(--ax-accent-400);
 @ax-accent-500: var(--ax-accent-500);
 @ax-accent-600: var(--ax-accent-600);
 @ax-accent-700: var(--ax-accent-700);
 @ax-accent-800: var(--ax-accent-800);
 @ax-accent-900: var(--ax-accent-900);
 @ax-accent-1000: var(--ax-accent-1000);
 @ax-accent-100A: var(--ax-accent-100A);
 @ax-accent-200A: var(--ax-accent-200A);
 @ax-accent-300A: var(--ax-accent-300A);
 @ax-accent-400A: var(--ax-accent-400A);
 @ax-success-100: var(--ax-success-100);
 @ax-success-200: var(--ax-success-200);
 @ax-success-300: var(--ax-success-300);
 @ax-success-400: var(--ax-success-400);
 @ax-success-500: var(--ax-success-500);
 @ax-success-600: var(--ax-success-600);
 @ax-success-700: var(--ax-success-700);
 @ax-success-800: var(--ax-success-800);
 @ax-success-900: var(--ax-success-900);
 @ax-success-1000: var(--ax-success-1000);
 @ax-success-100A: var(--ax-success-100A);
 @ax-success-200A: var(--ax-success-200A);
 @ax-success-300A: var(--ax-success-300A);
 @ax-success-400A: var(--ax-success-400A);
 @ax-warning-100: var(--ax-warning-100);
 @ax-warning-200: var(--ax-warning-200);
 @ax-warning-300: var(--ax-warning-300);
 @ax-warning-400: var(--ax-warning-400);
 @ax-warning-500: var(--ax-warning-500);
 @ax-warning-600: var(--ax-warning-600);
 @ax-warning-700: var(--ax-warning-700);
 @ax-warning-800: var(--ax-warning-800);
 @ax-warning-900: var(--ax-warning-900);
 @ax-warning-1000: var(--ax-warning-1000);
 @ax-warning-100A: var(--ax-warning-100A);
 @ax-warning-200A: var(--ax-warning-200A);
 @ax-warning-300A: var(--ax-warning-300A);
 @ax-warning-400A: var(--ax-warning-400A);
 @ax-danger-100: var(--ax-danger-100);
 @ax-danger-200: var(--ax-danger-200);
 @ax-danger-300: var(--ax-danger-300);
 @ax-danger-400: var(--ax-danger-400);
 @ax-danger-500: var(--ax-danger-500);
 @ax-danger-600: var(--ax-danger-600);
 @ax-danger-700: var(--ax-danger-700);
 @ax-danger-800: var(--ax-danger-800);
 @ax-danger-900: var(--ax-danger-900);
 @ax-danger-1000: var(--ax-danger-1000);
 @ax-danger-100A: var(--ax-danger-100A);
 @ax-danger-200A: var(--ax-danger-200A);
 @ax-danger-300A: var(--ax-danger-300A);
 @ax-danger-400A: var(--ax-danger-400A);
 @ax-info-100: var(--ax-info-100);
 @ax-info-200: var(--ax-info-200);
 @ax-info-300: var(--ax-info-300);
 @ax-info-400: var(--ax-info-400);
 @ax-info-500: var(--ax-info-500);
 @ax-info-600: var(--ax-info-600);
 @ax-info-700: var(--ax-info-700);
 @ax-info-800: var(--ax-info-800);
 @ax-info-900: var(--ax-info-900);
 @ax-info-1000: var(--ax-info-1000);
 @ax-info-100A: var(--ax-info-100A);
 @ax-info-200A: var(--ax-info-200A);
 @ax-info-300A: var(--ax-info-300A);
 @ax-info-400A: var(--ax-info-400A);
 @ax-brand-magenta-100: var(--ax-brand-magenta-100);
 @ax-brand-magenta-200: var(--ax-brand-magenta-200);
 @ax-brand-magenta-300: var(--ax-brand-magenta-300);
 @ax-brand-magenta-400: var(--ax-brand-magenta-400);
 @ax-brand-magenta-500: var(--ax-brand-magenta-500);
 @ax-brand-magenta-600: var(--ax-brand-magenta-600);
 @ax-brand-magenta-700: var(--ax-brand-magenta-700);
 @ax-brand-magenta-800: var(--ax-brand-magenta-800);
 @ax-brand-magenta-900: var(--ax-brand-magenta-900);
 @ax-brand-magenta-1000: var(--ax-brand-magenta-1000);
 @ax-brand-magenta-100A: var(--ax-brand-magenta-100A);
 @ax-brand-magenta-200A: var(--ax-brand-magenta-200A);
 @ax-brand-magenta-300A: var(--ax-brand-magenta-300A);
 @ax-brand-magenta-400A: var(--ax-brand-magenta-400A);
 @ax-brand-beige-100: var(--ax-brand-beige-100);
 @ax-brand-beige-200: var(--ax-brand-beige-200);
 @ax-brand-beige-300: var(--ax-brand-beige-300);
 @ax-brand-beige-400: var(--ax-brand-beige-400);
 @ax-brand-beige-500: var(--ax-brand-beige-500);
 @ax-brand-beige-600: var(--ax-brand-beige-600);
 @ax-brand-beige-700: var(--ax-brand-beige-700);
 @ax-brand-beige-800: var(--ax-brand-beige-800);
 @ax-brand-beige-900: var(--ax-brand-beige-900);
 @ax-brand-beige-1000: var(--ax-brand-beige-1000);
 @ax-brand-beige-100A: var(--ax-brand-beige-100A);
 @ax-brand-beige-200A: var(--ax-brand-beige-200A);
 @ax-brand-beige-300A: var(--ax-brand-beige-300A);
 @ax-brand-beige-400A: var(--ax-brand-beige-400A);
 @ax-brand-blue-100: var(--ax-brand-blue-100);
 @ax-brand-blue-200: var(--ax-brand-blue-200);
 @ax-brand-blue-300: var(--ax-brand-blue-300);
 @ax-brand-blue-400: var(--ax-brand-blue-400);
 @ax-brand-blue-500: var(--ax-brand-blue-500);
 @ax-brand-blue-600: var(--ax-brand-blue-600);
 @ax-brand-blue-700: var(--ax-brand-blue-700);
 @ax-brand-blue-800: var(--ax-brand-blue-800);
 @ax-brand-blue-900: var(--ax-brand-blue-900);
 @ax-brand-blue-1000: var(--ax-brand-blue-1000);
 @ax-brand-blue-100A: var(--ax-brand-blue-100A);
 @ax-brand-blue-200A: var(--ax-brand-blue-200A);
 @ax-brand-blue-300A: var(--ax-brand-blue-300A);
 @ax-brand-blue-400A: var(--ax-brand-blue-400A);
 @ax-meta-purple-100: var(--ax-meta-purple-100);
 @ax-meta-purple-200: var(--ax-meta-purple-200);
 @ax-meta-purple-300: var(--ax-meta-purple-300);
 @ax-meta-purple-400: var(--ax-meta-purple-400);
 @ax-meta-purple-500: var(--ax-meta-purple-500);
 @ax-meta-purple-600: var(--ax-meta-purple-600);
 @ax-meta-purple-700: var(--ax-meta-purple-700);
 @ax-meta-purple-800: var(--ax-meta-purple-800);
 @ax-meta-purple-900: var(--ax-meta-purple-900);
 @ax-meta-purple-1000: var(--ax-meta-purple-1000);
 @ax-meta-purple-100A: var(--ax-meta-purple-100A);
 @ax-meta-purple-200A: var(--ax-meta-purple-200A);
 @ax-meta-purple-300A: var(--ax-meta-purple-300A);
 @ax-meta-purple-400A: var(--ax-meta-purple-400A);
 @ax-meta-lime-100: var(--ax-meta-lime-100);
 @ax-meta-lime-200: var(--ax-meta-lime-200);
 @ax-meta-lime-300: var(--ax-meta-lime-300);
 @ax-meta-lime-400: var(--ax-meta-lime-400);
 @ax-meta-lime-500: var(--ax-meta-lime-500);
 @ax-meta-lime-600: var(--ax-meta-lime-600);
 @ax-meta-lime-700: var(--ax-meta-lime-700);
 @ax-meta-lime-800: var(--ax-meta-lime-800);
 @ax-meta-lime-900: var(--ax-meta-lime-900);
 @ax-meta-lime-1000: var(--ax-meta-lime-1000);
 @ax-meta-lime-100A: var(--ax-meta-lime-100A);
 @ax-meta-lime-200A: var(--ax-meta-lime-200A);
 @ax-meta-lime-300A: var(--ax-meta-lime-300A);
 @ax-meta-lime-400A: var(--ax-meta-lime-400A);
 @ax-space-0: var(--ax-space-0);
 @ax-space-1: var(--ax-space-1);
 @ax-space-2: var(--ax-space-2);
 @ax-space-4: var(--ax-space-4);
 @ax-space-6: var(--ax-space-6);
 @ax-space-8: var(--ax-space-8);
 @ax-space-12: var(--ax-space-12);
 @ax-space-16: var(--ax-space-16);
 @ax-space-20: var(--ax-space-20);
 @ax-space-24: var(--ax-space-24);
 @ax-space-28: var(--ax-space-28);
 @ax-space-32: var(--ax-space-32);
 @ax-space-36: var(--ax-space-36);
 @ax-space-40: var(--ax-space-40);
 @ax-space-44: var(--ax-space-44);
 @ax-space-48: var(--ax-space-48);
 @ax-space-56: var(--ax-space-56);
 @ax-space-64: var(--ax-space-64);
 @ax-space-72: var(--ax-space-72);
 @ax-space-80: var(--ax-space-80);
 @ax-space-96: var(--ax-space-96);
 @ax-space-128: var(--ax-space-128);
 @ax-radius-2: var(--ax-radius-2);
 @ax-radius-4: var(--ax-radius-4);
 @ax-radius-8: var(--ax-radius-8);
 @ax-radius-12: var(--ax-radius-12);
 @ax-radius-16: var(--ax-radius-16);
 @ax-radius-full: var(--ax-radius-full);
 @ax-breakpoint-xs: 0;
 @ax-breakpoint-sm: 480px;
 @ax-breakpoint-sm-down: 479px;
 @ax-breakpoint-md: 768px;
 @ax-breakpoint-md-down: 767px;
 @ax-breakpoint-lg: 1024px;
 @ax-breakpoint-lg-down: 1023px;
 @ax-breakpoint-xl: 1280px;
 @ax-breakpoint-xl-down: 1279px;
 @ax-breakpoint-2xl: 1440px;
 @ax-breakpoint-2xl-down: 1439px;
 @ax-font-family: var(--ax-font-family);
 @ax-font-line-height-heading-2xlarge: var(--ax-font-line-height-heading-2xlarge);
 @ax-font-line-height-heading-xlarge: var(--ax-font-line-height-heading-xlarge);
 @ax-font-line-height-heading-large: var(--ax-font-line-height-heading-large);
 @ax-font-line-height-heading-medium: var(--ax-font-line-height-heading-medium);
 @ax-font-line-height-heading-small: var(--ax-font-line-height-heading-small);
 @ax-font-line-height-heading-xsmall: var(--ax-font-line-height-heading-xsmall);
 @ax-font-line-height-xlarge: var(--ax-font-line-height-xlarge);
 @ax-font-line-height-large: var(--ax-font-line-height-large);
 @ax-font-line-height-medium: var(--ax-font-line-height-medium);
 @ax-font-size-heading-2xlarge: var(--ax-font-size-heading-2xlarge);
 @ax-font-size-heading-xlarge: var(--ax-font-size-heading-xlarge);
 @ax-font-size-heading-large: var(--ax-font-size-heading-large);
 @ax-font-size-heading-medium: var(--ax-font-size-heading-medium);
 @ax-font-size-heading-small: var(--ax-font-size-heading-small);
 @ax-font-size-heading-xsmall: var(--ax-font-size-heading-xsmall);
 @ax-font-size-xlarge: var(--ax-font-size-xlarge);
 @ax-font-size-large: var(--ax-font-size-large);
 @ax-font-size-medium: var(--ax-font-size-medium);
 @ax-font-size-small: var(--ax-font-size-small);
 @ax-font-weight-bold: var(--ax-font-weight-bold);
 @ax-font-weight-regular: var(--ax-font-weight-regular);