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


@theme {
    --*: initial;

    --color-background-page: #F3F0ED;
    --color-background-page: light-dark(#F3F0ED, #0E0D0C);
    --color-background-container: #FFFFFF;
    --color-background-container: light-dark(#FFFFFF, #262221);
    --color-background-container-accent: #E4DFD8;
    --color-background-container-accent: light-dark(#E4DFD8, #3C3434);
    --color-background-contrast: #262221;
    --color-background-contrast: light-dark(#262221, #F3F0ED);
    --color-text-default: #0E0D0C;
    --color-text-default: light-dark(#0E0D0C, #FFFFFF);
    --color-text-subdued: #636060;
    --color-text-subdued: light-dark(#636060, #C8C5C3);
    --color-text-accent: #0E0D0C;
    --color-text-accent: light-dark(#0E0D0C, #FFFFFF);
    --color-text-on-contrast: #FFFFFF;
    --color-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
    --color-border-default: #636060;
    --color-border-default: light-dark(#636060, #C8C5C3);
    --color-border-subdued: #C8C5C3;
    --color-border-subdued: light-dark(#C8C5C3, #636060);
    --color-border-strong: #0E0D0C;
    --color-border-strong: light-dark(#0E0D0C, #FFFFFF);
    --color-warning-background-page: #F3F0ED;
    --color-warning-background-page: light-dark(#F3F0ED, #0E0D0C);
    --color-warning-background-container: #EED9C3;
    --color-warning-background-container: light-dark(#EED9C3, #48351E);
    --color-warning-background-container-accent: #E4BC8A;
    --color-warning-background-container-accent: light-dark(#E4BC8A, #61492D);
    --color-warning-background-contrast: #D3770B;
    --color-warning-background-contrast: light-dark(#D3770B, #EAA858);
    --color-warning-text-default: #522E04;
    --color-warning-text-default: light-dark(#522E04, #FDECD8);
    --color-warning-text-subdued: #636060;
    --color-warning-text-subdued: light-dark(#636060, #C8C5C3);
    --color-warning-text-accent: #D3770B;
    --color-warning-text-accent: light-dark(#D3770B, #EAA858);
    --color-warning-text-on-contrast: #FFFFFF;
    --color-warning-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
    --color-warning-border-default: #D3770B;
    --color-warning-border-default: light-dark(#D3770B, #EAA858);
    --color-warning-border-subdued: #E4BC8A;
    --color-warning-border-subdued: light-dark(#E4BC8A, #61492D);
    --color-warning-border-strong: #522E04;
    --color-warning-border-strong: light-dark(#522E04, #FDECD8);
    --color-success-background-page: #F3F0ED;
    --color-success-background-page: light-dark(#F3F0ED, #0E0D0C);
    --color-success-background-container: #D2E9CB;
    --color-success-background-container: light-dark(#D2E9CB, #334D34);
    --color-success-background-container-accent: #B7CFAF;
    --color-success-background-container-accent: light-dark(#B7CFAF, #3F5F41);
    --color-success-background-contrast: #24753A;
    --color-success-background-contrast: light-dark(#24753A, #81E49C);
    --color-success-text-default: #0A430D;
    --color-success-text-default: light-dark(#0A430D, #DCF9E0);
    --color-success-text-subdued: #636060;
    --color-success-text-subdued: light-dark(#636060, #C8C5C3);
    --color-success-text-accent: #24753A;
    --color-success-text-accent: light-dark(#24753A, #81E49C);
    --color-success-text-on-contrast: #FFFFFF;
    --color-success-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
    --color-success-border-default: #24753A;
    --color-success-border-default: light-dark(#24753A, #81E49C);
    --color-success-border-subdued: #B7CFAF;
    --color-success-border-subdued: light-dark(#B7CFAF, #3F5F41);
    --color-success-border-strong: #0A430D;
    --color-success-border-strong: light-dark(#0A430D, #DCF9E0);
    --color-info-background-page: #F3F0ED;
    --color-info-background-page: light-dark(#F3F0ED, #0E0D0C);
    --color-info-background-container: #D3D3F6;
    --color-info-background-container: light-dark(#D3D3F6, #35355B);
    --color-info-background-container-accent: #B5B5EB;
    --color-info-background-container-accent: light-dark(#B5B5EB, #4B4B89);
    --color-info-background-contrast: #4646D1;
    --color-info-background-contrast: light-dark(#4646D1, #9A9AEB);
    --color-info-text-default: #111145;
    --color-info-text-default: light-dark(#111145, #D8D8FD);
    --color-info-text-subdued: #636060;
    --color-info-text-subdued: light-dark(#636060, #C8C5C3);
    --color-info-text-accent: #4646D1;
    --color-info-text-accent: light-dark(#4646D1, #9A9AEB);
    --color-info-text-on-contrast: #FFFFFF;
    --color-info-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
    --color-info-border-default: #4646D1;
    --color-info-border-default: light-dark(#4646D1, #9A9AEB);
    --color-info-border-subdued: #B5B5EB;
    --color-info-border-subdued: light-dark(#B5B5EB, #4B4B89);
    --color-info-border-strong: #111145;
    --color-info-border-strong: light-dark(#111145, #D8D8FD);
    --color-error-background-page: #F3F0ED;
    --color-error-background-page: light-dark(#F3F0ED, #0E0D0C);
    --color-error-background-container: #F0D6D6;
    --color-error-background-container: light-dark(#F0D6D6, #4C2A28);
    --color-error-background-container-accent: #E4B7B6;
    --color-error-background-container-accent: light-dark(#E4B7B6, #6A3C39);
    --color-error-background-contrast: #B32424;
    --color-error-background-contrast: light-dark(#B32424, #F38C8C);
    --color-error-text-default: #4A0D0D;
    --color-error-text-default: light-dark(#4A0D0D, #FCD9D9);
    --color-error-text-subdued: #636060;
    --color-error-text-subdued: light-dark(#636060, #C8C5C3);
    --color-error-text-accent: #B32424;
    --color-error-text-accent: light-dark(#B32424, #F38C8C);
    --color-error-text-on-contrast: #FFFFFF;
    --color-error-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
    --color-error-border-default: #B32424;
    --color-error-border-default: light-dark(#B32424, #F38C8C);
    --color-error-border-subdued: #E4B7B6;
    --color-error-border-subdued: light-dark(#E4B7B6, #6A3C39);
    --color-error-border-strong: #4A0D0D;
    --color-error-border-strong: light-dark(#4A0D0D, #FCD9D9);

    --spacing-0: 0rem;
    --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;
    --spacing-none: 0;
    --spacing-2xs: 0.25rem;
    --spacing-xs: 0.5rem;
    --spacing-s: 1rem;
    --spacing-m: 1.5rem;
    --spacing-l: 2.5rem;
    --spacing-xl: 4rem;
    --spacing-2xl: 6.5rem;

    --font-weight-normal: 380;
    --font-weight-bold: 530;

    --breakpoint-small: 0;
    --breakpoint-medium: 680px;
    --breakpoint-large: 1200px;
    --breakpoint-xl: 1600px;

    --radius-none: 0;
    --radius-xs: 0.25rem;
    --radius-s: 0.5rem;
    --radius-m: 0.75rem;
    --radius-l: 1rem;
    --radius-full: 9999px;

    --border-width-1: 0.0625rem;
    --border-width-2: 0.125rem;
    --border-width-3: 0.1875rem;
}

@utility title {
    font: var(--jkl-text-style-title);
}

@utility title-small {
    font: var(--jkl-text-style-title-small);
}

@utility heading-1 {
    font: var(--jkl-text-style-heading-1);
}

@utility heading-2 {
    font: var(--jkl-text-style-heading-2);
}

@utility heading-3 {
    font: var(--jkl-text-style-heading-3);
}

@utility heading-4 {
    font: var(--jkl-text-style-heading-4);
}

@utility heading-5 {
    font: var(--jkl-text-style-heading-5);
}

@utility paragraph-large {
    font: var(--jkl-text-style-paragraph-large);
}

@utility paragraph-medium {
    font: var(--jkl-text-style-paragraph-medium);
}

@utility paragraph-small {
    font: var(--jkl-text-style-paragraph-small);
}

@utility text-large {
    font: var(--jkl-text-style-text-large);
}

@utility text-medium {
    font: var(--jkl-text-style-text-medium);
}

@utility text-small {
    font: var(--jkl-text-style-text-small);
}

@utility text-micro {
    font: var(--jkl-text-style-text-micro);
}