/* Studienkreis brand theme — base tokens + SK brand colours + semantic tokens */
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --breakpoint-desktop-screen-width: 1440px;
  --breakpoint-tablet-screen-width: 1024px;
  --breakpoint-mobile-screen-width: 640px;
  --breakpoint-layout-content-max-width: 1134px;
  --breakpoint-tooltip-content-max-width: 200px;
  --error-50: #ffefee;
  --error-500: #cc2f1f;
  --error-700: #770f05;
  --success-50: #f2faf6;
  --success-500: #4a9a6f;
  --success-700: #224632;
  --warning-50: #fffcf3;
  --warning-500: #f4c244;
  --warning-900: #976c00;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-transparent: rgba(255, 255, 255, 0);
  --steel-50: #f8f8fa;
  --steel-100: #f0f1f4;
  --steel-200: #e9e9ef;
  --steel-300: #dadbe5;
  --steel-400: #c3c5d5;
  --steel-500: #555978;
  --steel-600: #43465f;
  --steel-700: #35384b;
  --steel-800: #232532;
  --steel-900: #131e29;
  --grey-50: #f6f6f7;
  --grey-100: #eaebee;
  --grey-200: #dcdee3;
  --grey-300: #caced4;
  --grey-400: #c2c6ce;
  --grey-500: #a0a6b2;
  --grey-600: #838892;
  --grey-700: #656d7c;
  --grey-800: #434853;
  --grey-900: #32363e;
  --in-progress-light: #c5e9d5;
  --in-progress-dark: #5dc18b;
  --spacing-xxs: 0.5rem;
  --spacing-3xl: 4rem;
  --spacing-2xl: 3.5rem;
  --spacing-xl: 3rem;
  --spacing-lg: 2.5rem;
  --spacing-xs: 1rem;
  --spacing-md: 2rem;
  --spacing-sm: 1.5rem;
  --spacing-3xs: 0.25rem;
  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 62.5rem;
  --border-sm: 0.125rem;
  --border-md: 0.1875rem;
  --border-lg: 0.25rem;
  --border-xs: 0.0625rem;
  --avatar-sm: 2rem;
  --avatar-md: 2.5rem;
  --avatar-lg: 3rem;
  --avatar-xs: 1.5rem;
  --icon-button-sm: 1.5rem;
  --icon-button-md: 2rem;
  --icon-button-lg: 2.5rem;
  --icon-sm: 1rem;
  --icon-md: 1.25rem;
  --icon-lg: 1.5rem;
  --icon-xl: 2rem;
  --icon-xxl: 2.5rem;
}

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

:root {
  --blue-50: #eaf1f8;
  --blue-100: #bfd2e9;
  --blue-200: #a0bcde;
  --blue-300: #749ecf;
  --blue-400: #598bc6;
  --blue-500: #306eb8;
  --blue-600: #2c64a7;
  --blue-700: #224e83;
  --blue-800: #1a3d65;
  --blue-900: #142e4d;
  --red-50: #f9e6e9;
  --red-100: #ecb1bb;
  --red-200: #e28b9a;
  --red-300: #d5556c;
  --red-400: #cd354f;
  --red-500: #c10223;
  --red-600: #b00220;
  --red-700: #890119;
  --red-800: #6a0113;
  --red-900: #51010f;
  --orange-50: #fdf1e8;
  --orange-100: #f8d4b6;
  --orange-200: #f4bf93;
  --orange-300: #f0a262;
  --orange-400: #ed9044;
  --orange-500: #e87415;
  --orange-600: #d36a13;
  --orange-700: #a5520f;
  --orange-800: #80400c;
  --orange-900: #613109;
  --green-50: #f3f6eb;
  --green-100: #dae4c2;
  --green-200: #c9d7a4;
  --green-300: #b0c57b;
  --green-400: #a1ba61;
  --green-500: #89a93a;
  --green-600: #7d9a35;
  --green-700: #617829;
  --green-800: #4b5d20;
  --green-900: #3a4718;
  --yellow-50: #fef9eb;
  --yellow-100: #fcedc0;
  --yellow-200: #fae4a2;
  --yellow-300: #f8d877;
  --yellow-400: #f6d15d;
  --yellow-500: #f4c534;
  --yellow-600: #deb32f;
  --yellow-700: #ad8c25;
  --yellow-800: #866c1d;
  --yellow-900: #665316;
  --pink-purple-50: #f6edf6;
  --pink-purple-100: #e2c7e4;
  --pink-purple-200: #d4abd7;
  --pink-purple-300: #c185c5;
  --pink-purple-400: #b56db9;
  --pink-purple-500: #a249a8;
  --pink-purple-600: #934299;
  --pink-purple-700: #733477;
  --pink-purple-800: #59285c;
  --pink-purple-900: #441f47;
  --light-blue-50: #e8f6f8;
  --light-blue-100: #b7e4e8;
  --light-blue-200: #95d7dd;
  --light-blue-300: #64c4cd;
  --light-blue-400: #46b9c4;
  --light-blue-500: #18a7b5;
  --light-blue-600: #1698a5;
  --light-blue-700: #117781;
  --light-blue-800: #0d5c64;
  --light-blue-900: #0a464c;
}

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

[data-theme="sk"] {
  --color-button-primary-background-default: #c10223;
  --color-button-primary-background-hover: #890119;
  --color-button-primary-background-pressed: #6a0113;
  --color-button-primary-background-disabled: #f0f1f4;
  --color-button-primary-background-focus: #c10223;
  --color-button-primary-text-default: #ffffff;
  --color-button-primary-text-disabled: #c2c6ce;
  --color-button-primary-border-focus-ring: #131e29;
  --color-button-primary-border-disabled: #dcdee3;
  --color-button-primary-border-focus: #ffffff;
  --color-button-secondary-background-default: #ffffff;
  --color-button-secondary-background-hover: #35384b;
  --color-button-secondary-background-pressed: #232532;
  --color-button-secondary-background-disabled: #ffffff;
  --color-button-secondary-background-focus: #ffffff;
  --color-button-secondary-border-default: #131e29;
  --color-button-secondary-border-focus: #131e29;
  --color-button-secondary-border-disabled: #dcdee3;
  --color-button-secondary-border-hover: #131e29;
  --color-button-secondary-border-pressed: #131e29;
  --color-button-secondary-border-focus-ring: #131e29;
  --color-button-secondary-text-default-focus: #131e29;
  --color-button-secondary-text-hover-pressed: #ffffff;
  --color-button-secondary-text-disabled: #c2c6ce;
  --color-button-link-background-default: rgba(255, 255, 255, 0);
  --color-button-link-background-hover: #e9e9ef;
  --color-button-link-background-pressed: #c3c5d5;
  --color-button-link-background-focus: #ffffff;
  --color-button-link-background-disabled: rgba(255, 255, 255, 0);
  --color-button-link-text-default: #131e29;
  --color-button-link-text-hover: #131e29;
  --color-button-link-text-pressed: #131e29;
  --color-button-link-text-disabled: #c2c6ce;
  --color-button-link-text-focus: #131e29;
  --color-button-link-border-focus: #131e29;
  --color-overlay-50: rgba(85, 89, 120, 0.3);
  --color-feedback-positive-background: #f2faf6;
  --color-feedback-positive-icon: #4a9a6f;
  --color-feedback-positive-border: #4a9a6f;
  --color-feedback-positive-helper-text: #4a9a6f;
  --color-feedback-positive-text: #224632;
  --color-feedback-negative-background: #ffefee;
  --color-feedback-negative-icon: #cc2f1f;
  --color-feedback-negative-border: #cc2f1f;
  --color-feedback-negative-helper-text: #cc2f1f;
  --color-feedback-negative-text: #770f05;
  --color-feedback-warning-background: #fffcf3;
  --color-feedback-warning-icon: #f4c244;
  --color-feedback-warning-border: #f4c244;
  --color-feedback-warning-helper-text: #f4c244;
  --color-feedback-warning-text: #131e29;
  --color-feedback-error-icon: #000000;
  --color-feedback-error-text: #000000;
  --color-surface-default: #ffffff;
  --color-surface-subtle-steel: #f0f1f4;
  --color-surface-hover: #e9e9ef;
  --color-surface-icons-medium: #131e29;
  --color-surface-icons-default: #555978;
  --color-surface-icons-primary: #c10223;
  --color-surface-icons-disabled: #dadbe5;
  --color-surface-icons-tooltip: #749ecf;
  --color-surface-icons-white: #ffffff;
  --color-surface-icons-secondary: #306eb8;
  --color-surface-icons-pending: #f4c534;
  --color-surface-selected: #e9e9ef;
  --color-surface-disabled: #f8f8fa;
  --color-surface-light-steel: #f8f8fa;
  --color-surface-blue: #306eb8;
  --color-surface-stepper: #555978;
  --color-surface-tooltip: #232532;
  --color-surface-calendar-date: #131e29;
  --color-surface-calendar-triangle: #c10223;
  --color-surface-calendar-dot: #f4c534;
  --color-surface-branded: #eaf1f8;
  --color-surface-pill: #eaf1f8;
  --color-border-default: #dadbe5;
  --color-border-white: #ffffff;
  --color-border-focus: #306eb8;
  --color-border-focus-ring: #dadbe5;
  --color-border-disabled: #f0f1f4;
  --color-border-medium: #c3c5d5;
  --color-border-feedback-default: #555978;
  --color-border-dark: #131e29;
  --color-border-pill: #598bc6;
  --color-border-selected: #131e29;
  --color-text-primary: #131e29;
  --color-text-secondary: #555978;
  --color-text-inverse: #ffffff;
  --color-text-disabled: #c3c5d5;
  --color-text-branded: #2c64a7;
  --color-text-lesson-card-label: #2c64a7;
  --color-avatars-1: #18a7b5;
  --color-avatars-2: #a249a8;
  --color-avatars-3: #617829;
  --color-avatars-4: #e87415;
  --color-tag-text-student: #306eb8;
  --color-tag-text-tutor: #934299;
  --color-tag-text-parent: #117781;
  --color-tag-bu-t-background: #f6edf6;
  --color-tag-bu-t-border: #934299;
  --color-in-progress-border: #5dc18b;
  --color-in-progress-dot: #5dc18b;
  --color-in-progress-dot-flash: #c5e9d5;
  --color-subjects-de-bi-ph-hi: #c6005c;
  --color-subjects-it-es-tr: #db30c4;
  --color-subjects-ma: #117781;
  --color-subjects-la-ch-fr: #c83e20;
  --color-subjects-nl-en: #a249a8;
  --color-subjects-others: #306eb8;
}

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

:root {
  --border-default: 0.125rem;
  --border-medium: 0.1875rem;
  --border-strong: 0.25rem;
  --border-thin: 0.0625rem;
}

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

[data-theme="sk"] {
  --font-family: "Lato";
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-size-xxs: 0.625rem;
  --font-size-xs: 0.75rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.75rem;
  --font-size-4xl: 2rem;
  --font-size-sm: 0.875rem;
  --font-line-height-xxs: 1rem;
  --font-line-height-xs: 1rem;
  --font-line-height-md: 1.5rem;
  --font-line-height-lg: 1.75rem;
  --font-line-height-xl: 1.75rem;
  --font-line-height-2xl: 2rem;
  --font-line-height-3xl: 2.5rem;
  --font-line-height-4xl: 3rem;
  --font-line-height-sm: 1.25rem;
}

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

[data-theme="sk"] {
  --font-desktop-heading-font-size-h1: 2rem;
  --font-desktop-heading-font-size-h2: 1.5rem;
  --font-desktop-heading-font-size-h3: 1.25rem;
  --font-desktop-heading-font-size-h4: 1.125rem;
  --font-desktop-heading-font-size-h5: 1rem;
  --font-desktop-heading-font-size-h6: 0.875rem;
  --font-desktop-heading-font-weight-h1: 800;
  --font-desktop-heading-font-weight-h2: 700;
  --font-desktop-heading-font-weight-h3: 800;
  --font-desktop-heading-font-weight-h4: 700;
  --font-desktop-heading-font-weight-h5: 700;
  --font-desktop-heading-font-weight-h6: 700;
  --font-desktop-heading-font-weight-bold: 800;
  --font-desktop-heading-line-height-h1: 3rem;
  --font-desktop-heading-line-height-h2: 2rem;
  --font-desktop-heading-line-height-h3: 1.75rem;
  --font-desktop-heading-line-height-h4: 1.75rem;
  --font-desktop-heading-line-height-h5: 1.5rem;
  --font-desktop-heading-line-height-h6: 1.25rem;
  --font-desktop-subtitle-font-size-md: 1.5rem;
  --font-desktop-subtitle-font-size-sm: 1.125rem;
  --font-desktop-subtitle-font-weight-md: 700;
  --font-desktop-subtitle-font-weight-sm: 800;
  --font-desktop-subtitle-line-height-md: 2rem;
  --font-desktop-subtitle-line-height-sm: 1.75rem;
  --font-desktop-body-font-weight-md: 600;
  --font-desktop-body-font-weight-sm: 500;
  --font-desktop-body-font-weight-bold: 800;
  --font-desktop-body-font-weight-semi-bold: 700;
  --font-desktop-body-font-size-md: 1rem;
  --font-desktop-body-font-size-sm: 0.875rem;
  --font-desktop-body-line-height-sm: 1.25rem;
  --font-desktop-body-line-height-md: 1.5rem;
  --font-desktop-label-font-size: 0.75rem;
  --font-desktop-label-font-weight-bold: 800;
  --font-desktop-label-font-weight-semi-bold: 700;
  --font-desktop-label-font-weight-medium: 500;
  --font-desktop-label-font-weight-regular: 400;
  --font-desktop-label-line-height: 1rem;
  --font-desktop-tooltip-font-size: 0.75rem;
  --font-desktop-tooltip-font-weight: 500;
  --font-desktop-tooltip-line-height: 1rem;
  --font-desktop-button-primary-secondary-font-size-xxs: 0.75rem;
  --font-desktop-button-primary-secondary-font-size-xs: 0.75rem;
  --font-desktop-button-primary-secondary-font-size-sm: 0.875rem;
  --font-desktop-button-primary-secondary-font-size-md: 1rem;
  --font-desktop-button-primary-secondary-font-size-lg: 1.125rem;
  --font-desktop-button-primary-secondary-font-size-xl: 1.25rem;
  --font-desktop-button-primary-secondary-line-height-xxs: 1rem;
  --font-desktop-button-primary-secondary-line-height-xs: 1rem;
  --font-desktop-button-primary-secondary-line-height-sm: 1.25rem;
  --font-desktop-button-primary-secondary-line-height-md: 1.5rem;
  --font-desktop-button-primary-secondary-line-height-lg: 1.75rem;
  --font-desktop-button-primary-secondary-line-height-xl: 1.75rem;
  --font-desktop-button-primary-secondary-font-weight: 500;
  --font-desktop-button-link-font-size-xxs: 0.625rem;
  --font-desktop-button-link-font-size-xs: 0.75rem;
  --font-desktop-button-link-font-size-sm: 0.875rem;
  --font-desktop-button-link-font-size-md: 1rem;
  --font-desktop-button-link-font-size-lg: 1.125rem;
  --font-desktop-button-link-font-size-xl: 1.25rem;
  --font-desktop-button-link-font-weight: 500;
  --font-desktop-button-link-line-height-xxs: 1rem;
  --font-desktop-button-link-line-height-xs: 1rem;
  --font-desktop-button-link-line-height-sm: 1.25rem;
  --font-desktop-button-link-line-height-md: 1.5rem;
  --font-desktop-button-link-line-height-lg: 1.75rem;
  --font-desktop-button-link-line-height-xl: 1.75rem;
}

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

[data-theme="sk"] {
  --font-mobile-heading-font-size-h1: 1.5rem;
  --font-mobile-heading-font-size-h2: 1.25rem;
  --font-mobile-heading-font-size-h3: 1.125rem;
  --font-mobile-heading-font-size-h4: 1rem;
  --font-mobile-heading-line-height-h1: 2rem;
  --font-mobile-heading-line-height-h2: 1.75rem;
  --font-mobile-heading-line-height-h3: 1.75rem;
  --font-mobile-heading-line-height-h4: 1.5rem;
  --font-mobile-heading-font-weight-h1: 800;
  --font-mobile-heading-font-weight-h2: 800;
  --font-mobile-heading-font-weight-h3: 800;
  --font-mobile-heading-font-weight-h4: 800;
  --font-mobile-subtitle-font-size-md: 1rem;
  --font-mobile-subtitle-font-size-sm: 0.875rem;
  --font-mobile-subtitle-line-height-md: 1.5rem;
  --font-mobile-subtitle-line-height-sm: 1.25rem;
  --font-mobile-subtitle-font-weight-md: 700;
  --font-mobile-subtitle-font-weight-sm: 700;
  --font-mobile-body-font-weight-md: 500;
  --font-mobile-body-font-weight-sm: 400;
  --font-mobile-body-font-size-md: 1rem;
  --font-mobile-body-font-size-sm: 0.875rem;
  --font-mobile-body-line-height-sm: 1.25rem;
  --font-mobile-body-line-height-md: 1.5rem;
}

/*
 * Z-index layering scale.
 *
 * Layering intent (low → high):
 *   dropdown (100) < sticky (200) < drawer (900) < modal (1000) < toast (1050) < tooltip (1100)
 *
 * Toast sits above modal so status feedback (e.g. a chained action inside a modal flow)
 * stays visible rather than rendering under the modal overlay.
 *
 * See confluence/z-index.md for rationale and usage guidelines.
 */

:root {
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-drawer: 900;
  --z-modal: 1000;
  --z-toast: 1050;
  --z-tooltip: 1100;
}


@font-face {
  font-family: Lato;
  src: url('../fonts/lato-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lato;
  src: url('../fonts/lato-latin-500-normal.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lato;
  src: url('../fonts/lato-latin-600-normal.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lato;
  src: url('../fonts/lato-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lato;
  src: url('../fonts/lato-latin-800-normal.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

[data-theme="sk"] {
  font-family: var(--font-family);
}

* {
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}