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


$unit-10: var(--jkl-unit-base);
$unit-15: calc(var(--jkl-unit-base) * 1.5);
$unit-20: calc(var(--jkl-unit-base) * 2);
$unit-25: calc(var(--jkl-unit-base) * 2.5);
$unit-30: calc(var(--jkl-unit-base) * 3);
$unit-40: calc(var(--jkl-unit-base) * 4);
$unit-50: calc(var(--jkl-unit-base) * 5);
$unit-60: calc(var(--jkl-unit-base) * 6);
$unit-70: calc(var(--jkl-unit-base) * 7);
$unit-80: calc(var(--jkl-unit-base) * 8);
$unit-90: calc(var(--jkl-unit-base) * 9);
$unit-130: calc(var(--jkl-unit-base) * 13);
$unit-210: calc(var(--jkl-unit-base) * 21);
$unit-base: 0.5rem;
$unit-02: calc(var(--jkl-unit-base) * .25);
$unit-05: calc(var(--jkl-unit-base) * .5);
$spacing-none: 0;
$spacing-xxs: calc(var(--jkl-unit-base) * .5);
$spacing-xs: var(--jkl-unit-base);
$spacing-s: calc(var(--jkl-unit-base) * 2);
$spacing-m: calc(var(--jkl-unit-base) * 3);
$spacing-l: calc(var(--jkl-unit-base) * 5);
$spacing-xl: calc(var(--jkl-unit-base) * 8);
$spacing-2xl: calc(var(--jkl-unit-base) * 13);

// Dynamiske variabler for farge, via referanse til CSS-variabler
$color-background-page: var(--jkl-color-background-page);
$color-background-surface-default: var(--jkl-color-background-surface-default);
$color-background-surface-highlight: var(--jkl-color-background-surface-highlight);
$color-background-surface-on-surface: var(--jkl-color-background-surface-on-surface);
$color-background-surface-moderate: var(--jkl-color-background-surface-moderate);
$color-background-surface-knockout: var(--jkl-color-background-surface-knockout);
$color-background-surface-error: var(--jkl-color-background-surface-error);
$color-background-surface-warning: var(--jkl-color-background-surface-warning);
$color-background-surface-info: var(--jkl-color-background-surface-info);
$color-background-surface-succes: var(--jkl-color-background-surface-succes);
$color-border-subdued: var(--jkl-color-border-subdued);
$color-border-strong: var(--jkl-color-border-strong);
$color-border-strongest: var(--jkl-color-border-strongest);
$color-border-knockout: var(--jkl-color-border-knockout);
$color-border-info: var(--jkl-color-border-info);
$color-border-success: var(--jkl-color-border-success);
$color-border-error: var(--jkl-color-border-error);
$color-border-warning: var(--jkl-color-border-warning);
$color-text-default: var(--jkl-color-text-default);
$color-text-subdued: var(--jkl-color-text-subdued);
$color-text-knockout: var(--jkl-color-text-knockout);
$color-text-info: var(--jkl-color-text-info);
$color-text-info-strong: var(--jkl-color-text-info-strong);
$color-text-success: var(--jkl-color-text-success);
$color-text-success-strong: var(--jkl-color-text-success-strong);
$color-text-error: var(--jkl-color-text-error);
$color-text-error-strong: var(--jkl-color-text-error-strong);
$color-text-warning: var(--jkl-color-text-warning);
$color-text-warning-strong: var(--jkl-color-text-warning-strong);