@fremtind/jkl-core/tokens.less

Jøkul core styles

// Do not edit directly
// Generated on Mon, 28 Oct 2024 14:24:14 GMT

@color-brand-snohvit: #f9f9f9;
@color-brand-varde: #e0dbd4;
@color-brand-granitt: #1b1917;
@color-brand-hvit: #ffffff;
@color-brand-svart: #000000;
@color-brand-skifer: #313030;
@color-brand-fjellgra: #444141;
@color-brand-stein: #636060;
@color-brand-svaberg: #c8c5c3;
@color-brand-dis: #ece9e5;
@color-brand-sand: #f4f2ef;
@color-functional-info: #d3d3f6;
@color-functional-info-dark: #a9a9ca;
@color-functional-success: #acd3b5;
@color-functional-success-dark: #94b79b;
@color-functional-warning: #efdd9e;
@color-functional-warning-dark: #decc8d;
@color-functional-error: #f6b3b3;
@color-functional-error-dark: #de9e9e;
@color-background-page-light: #f4f2ef;
@color-background-page-dark: #1b1917;
@color-background-page-variant-light: #f9f9f9;
@color-background-page-variant-dark: #1b1917;
@color-background-container-light: #f9f9f9;
@color-background-container-dark: #313030;
@color-background-container-low-light: #ece9e5;
@color-background-container-low-dark: #000000;
@color-background-container-high-light: #ffffff;
@color-background-container-high-dark: #313030;
@color-background-container-inverted-light: #1b1917;
@color-background-container-inverted-dark: #f9f9f9;
@color-background-container-subdued-light: #c8c5c3;
@color-background-container-subdued-dark: #636060;
@color-background-input-base-light: #000000;
@color-background-input-base-dark: #000000;
@color-background-input-focus-light: #ffffff;
@color-background-input-focus-dark: #313030;
@color-background-action-light: #1b1917;
@color-background-action-dark: #f9f9f9;
@color-background-interactive-light: #000000;
@color-background-interactive-dark: #000000;
@color-background-interactive-hover-light: #ece9e5;
@color-background-interactive-hover-dark: #444141;
@color-background-interactive-selected-light: #e0dbd4;
@color-background-interactive-selected-dark: #636060;
@color-background-alert-neutral-light: #e0dbd4;
@color-background-alert-neutral-dark: #e0dbd4;
@color-background-alert-info-light: #d3d3f6;
@color-background-alert-info-dark: #a9a9ca;
@color-background-alert-success-light: #acd3b5;
@color-background-alert-success-dark: #94b79b;
@color-background-alert-warning-light: #efdd9e;
@color-background-alert-warning-dark: #decc8d;
@color-background-alert-error-light: #f6b3b3;
@color-background-alert-error-dark: #de9e9e;
@color-text-default-light: #1b1917;
@color-text-default-dark: #f9f9f9;
@color-text-subdued-light: #636060;
@color-text-subdued-dark: #c8c5c3;
@color-text-inverted-light: #f9f9f9;
@color-text-inverted-dark: #1b1917;
@color-text-on-action-light: #f9f9f9;
@color-text-on-action-dark: #1b1917;
@color-text-interactive-light: #1b1917;
@color-text-interactive-dark: #f9f9f9;
@color-text-interactive-hover-light: #636060;
@color-text-interactive-hover-dark: #c8c5c3;
@color-text-on-alert-light: #1b1917;
@color-text-on-alert-dark: #1b1917;
@color-text-on-alert-subdued-light: #444141;
@color-text-on-alert-subdued-dark: #444141;
@color-border-action-light: #1b1917;
@color-border-action-dark: #f9f9f9;
@color-border-input-light: #636060;
@color-border-input-dark: #c8c5c3;
@color-border-input-focus-light: #1b1917;
@color-border-input-focus-dark: #f9f9f9;
@color-border-separator-light: #c8c5c3;
@color-border-separator-dark: #636060;
@color-border-separator-strong-light: #636060;
@color-border-separator-strong-dark: #c8c5c3;
@color-border-separator-hover-light: #1b1917;
@color-border-separator-hover-dark: #f9f9f9;
@color-border-subdued-light: #c8c5c3;
@color-border-subdued-dark: #636060;
@color-svart: #000000;
@color-granitt: #1b1917;
@color-skifer: #313030;
@color-fjellgra: #444141;
@color-stein: #636060;
@color-svaberg: #c8c5c3;
@color-varde: #e0dbd4;
@color-dis: #ece9e5;
@color-sand: #f4f2ef;
@color-snohvit: #f9f9f9;
@color-hvit: #ffffff;
@color-suksess: #acd3b5;
@color-suksess-dark: #94b79b;
@color-feil: #f6b3b3;
@color-feil-dark: #de9e9e;
@color-info: #d3d3f6;
@color-info-dark: #a9a9ca;
@color-advarsel: #efdd9e;
@color-advarsel-dark: #decc8d;
@spacing-0: 0;
@spacing-2: 0.125rem;
@spacing-4: 0.25rem;
@spacing-8: 0.5rem;
@spacing-12: 0.75rem;
@spacing-16: 1rem;
@spacing-24: 1.5rem;
@spacing-32: 2rem;
@spacing-40: 2.5rem;
@spacing-64: 4rem;
@spacing-104: 6.5rem;
@spacing-168: 10.5rem;
@icon-weight-normal: 300;
@icon-weight-bold: 500;
@typography-weight-normal: 400;
@typography-weight-bold: 700;
@typography-font-size-16: 1rem;
@typography-font-size-18: 1.125rem;
@typography-font-size-20: 1.25rem;
@typography-font-size-21: 1.3125rem;
@typography-font-size-23: 1.4375rem;
@typography-font-size-25: 1.5625rem;
@typography-font-size-26: 1.625rem;
@typography-font-size-28: 1.75rem;
@typography-font-size-30: 1.875rem;
@typography-font-size-36: 2.25rem;
@typography-font-size-44: 2.75rem;
@typography-font-size-56: 3.5rem;
@typography-line-height-24: 1.5rem;
@typography-line-height-28: 1.75rem;
@typography-line-height-32: 2rem;
@typography-line-height-36: 2.25rem;
@typography-line-height-40: 2.5rem;
@typography-line-height-44: 2.75rem;
@typography-line-height-52: 3.25rem;
@typography-line-height-64: 4rem;
@typography-title-small-font-size: 2.25rem;
@typography-title-small-line-height: 2.75rem;
@typography-title-small-font-weight: 400;
@typography-title-base-font-size: 3.5rem;
@typography-title-base-line-height: 4rem;
@typography-title-base-font-weight: 400;
@typography-title-small-small-font-size: 1.875rem;
@typography-title-small-small-line-height: 2.25rem;
@typography-title-small-small-font-weight: 400;
@typography-title-small-base-font-size: 2.75rem;
@typography-title-small-base-line-height: 3.25rem;
@typography-title-small-base-font-weight: 400;
@typography-heading-1-small-font-size: 1.625rem;
@typography-heading-1-small-line-height: 2rem;
@typography-heading-1-small-font-weight: 400;
@typography-heading-1-base-font-size: 2.25rem;
@typography-heading-1-base-line-height: 2.75rem;
@typography-heading-1-base-font-weight: 400;
@typography-heading-2-small-font-size: 1.4375rem;
@typography-heading-2-small-line-height: 2rem;
@typography-heading-2-small-font-weight: 400;
@typography-heading-2-base-font-size: 1.75rem;
@typography-heading-2-base-line-height: 2.5rem;
@typography-heading-2-base-font-weight: 400;
@typography-heading-3-small-font-size: 1.3125rem;
@typography-heading-3-small-line-height: 1.75rem;
@typography-heading-3-small-font-weight: 700;
@typography-heading-3-base-font-size: 1.5625rem;
@typography-heading-3-base-line-height: 2rem;
@typography-heading-3-base-font-weight: 700;
@typography-heading-4-small-font-size: 1.125rem;
@typography-heading-4-small-line-height: 1.5rem;
@typography-heading-4-small-font-weight: 700;
@typography-heading-4-base-font-size: 1.3125rem;
@typography-heading-4-base-line-height: 1.75rem;
@typography-heading-4-base-font-weight: 700;
@typography-heading-5-small-font-size: 1rem;
@typography-heading-5-small-line-height: 1.5rem;
@typography-heading-5-small-font-weight: 700;
@typography-heading-5-base-font-size: 1rem;
@typography-heading-5-base-line-height: 1.5rem;
@typography-heading-5-base-font-weight: 700;
@typography-body-small-font-size: 1.125rem;
@typography-body-small-line-height: 1.75rem;
@typography-body-small-font-weight: 400;
@typography-body-base-font-size: 1.25rem;
@typography-body-base-line-height: 2rem;
@typography-body-base-font-weight: 400;
@typography-small-small-font-size: 1rem;
@typography-small-small-line-height: 1.5rem;
@typography-small-small-font-weight: 400;
@typography-small-base-font-size: 1rem;
@typography-small-base-line-height: 1.5rem;
@typography-small-base-font-weight: 400;