@charset "UTF-8";

/* projects/design-system/src/styles/index.css */
/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer eduari.tokens, eduari.base, eduari.components, eduari.page, app;
@font-face {
  font-family: "Geist";
  src: url("./media/geist-100.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("./media/geist-200.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("./media/geist-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("./media/geist-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("./media/geist-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("./media/geist-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("./media/geist-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("./media/onest-200.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("./media/onest-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("./media/onest-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("./media/onest-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("./media/onest-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./media/jetbrains-mono-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./media/jetbrains-mono-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@layer eduari.base {
  button,
  [type=button],
  [type=submit],
  [type=reset] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    font: inherit;
  }
  *,
  ::before,
  ::after {
    box-sizing: border-box;
  }
  * {
    margin: 0;
  }
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    line-height: var(--ds-line-height-normal, 1.5);
    tab-size: 4;
  }
  img,
  picture,
  video,
  canvas,
  svg {
    display: block;
    max-width: 100%;
  }
  input,
  textarea,
  select {
    font: inherit;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  ul,
  ol {
    list-style: none;
    padding: 0;
  }
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
  }
}
@layer eduari.tokens {
  :root {
    --ds-space-none: 0;
    --ds-space-3xs: 2px;
    --ds-space-2xs: 4px;
    --ds-space-xs: 8px;
    --ds-space-sm: 12px;
    --ds-space-md: 16px;
    --ds-space-lg: 20px;
    --ds-space-xl: 24px;
    --ds-space-2xl: 32px;
    --ds-space-3xl: 48px;
    --ds-space-4xl: 64px;
    --ds-space-5xl: 96px;
    --ds-radius-xs: 4px;
    --ds-radius-sm: 6px;
    --ds-radius-md: 8px;
    --ds-radius-lg: 12px;
    --ds-radius-xl: 16px;
    --ds-radius-2xl: 20px;
    --ds-radius-3xl: 28px;
    --ds-radius-pill: 999px;
    --ds-font-family-sans:
      "Geist",
      -apple-system,
      BlinkMacSystemFont,
      "Inter",
      "Segoe UI",
      system-ui,
      sans-serif;
    --ds-font-family-display:
      "Onest",
      "Geist",
      -apple-system,
      system-ui,
      sans-serif;
    --ds-font-family-mono:
      "JetBrains Mono",
      "SF Mono",
      ui-monospace,
      monospace;
    --ds-font-size-3xs: 10px;
    --ds-font-size-2xs: 11px;
    --ds-font-size-xs: 12px;
    --ds-font-size-sm: 13px;
    --ds-font-size-base: 14px;
    --ds-font-size-md: 15px;
    --ds-font-size-lg: 17px;
    --ds-font-size-xl: 20px;
    --ds-font-size-2xl: 24px;
    --ds-font-size-3xl: 30px;
    --ds-font-size-4xl: 40px;
    --ds-font-size-5xl: 56px;
    --ds-font-size-6xl: 72px;
    --ds-font-weight-thin: 100;
    --ds-font-weight-extralight: 200;
    --ds-font-weight-light: 300;
    --ds-font-weight-regular: 400;
    --ds-font-weight-medium: 500;
    --ds-font-weight-semibold: 500;
    --ds-font-weight-bold: 600;
    --ds-line-height-tight: 1.1;
    --ds-line-height-snug: 1.25;
    --ds-line-height-normal: 1.45;
    --ds-line-height-relaxed: 1.6;
    --ds-track-display: -0.025em;
    --ds-track-tight: -0.012em;
    --ds-track-normal: 0;
    --ds-track-wide: 0.04em;
    --ds-track-caps: 0.08em;
    --ds-shadow-xs: 0 1px 0 rgba(15, 17, 21, 0.04), 0 1px 2px rgba(15, 17, 21, 0.04);
    --ds-shadow-sm: 0 1px 2px rgba(15, 17, 21, 0.04), 0 2px 6px rgba(15, 17, 21, 0.06);
    --ds-shadow-md: 0 2px 4px rgba(15, 17, 21, 0.04), 0 8px 24px rgba(15, 17, 21, 0.08);
    --ds-shadow-lg: 0 4px 8px rgba(15, 17, 21, 0.06), 0 16px 48px rgba(15, 17, 21, 0.10);
    --ds-shadow-xl: 0 8px 16px rgba(15, 17, 21, 0.08), 0 32px 80px rgba(15, 17, 21, 0.14);
    --ds-shadow-button-resting: inset 0 0 0 1px var(--ds-btn-bd), var(--ds-shadow-xs);
    --ds-shadow-button-neutral:
      inset 0 0 0 1px var(--ds-btn-bd),
      inset 0 1px 0 var(--ds-color-surface-highlight),
      var(--ds-shadow-xs);
    --ds-shadow-button-neutral-hover: inset 0 0 0 1px var(--ds-color-border-strong), var(--ds-shadow-sm);
    --ds-shadow-button-primary: 0 1px 2px rgba(0, 0, 0, 0.10), 0 3px 8px -2px rgba(0, 0, 0, 0.12);
    --ds-shadow-button-primary-hover: 0 2px 4px rgba(0, 0, 0, 0.12), 0 8px 20px -6px rgba(0, 0, 0, 0.20);
    --ds-shadow-button-tertiary: 0 1px 2px rgba(0, 0, 0, 0.10), 0 3px 8px -2px rgba(0, 0, 0, 0.12);
    --ds-shadow-button-secondary: 0 1px 2px rgba(0, 0, 0, 0.10), 0 3px 8px -2px rgba(0, 0, 0, 0.12);
    --ds-shadow-button-secondary-soft:
      inset 0 0 0 1px rgba(94, 44, 50, 0.20),
      inset 0 1px 0 rgba(255, 255, 255, 0.6),
      0 1px 2px rgba(70, 31, 36, 0.06);
    --ds-shadow-button-secondary-soft-hover:
      inset 0 0 0 1px rgba(94, 44, 50, 0.30),
      inset 0 1px 0 rgba(255, 255, 255, 0.5),
      0 6px 20px -8px rgba(94, 44, 50, 0.30);
    --ds-shadow-button-danger: 0 1px 2px rgba(0, 0, 0, 0.10), 0 3px 8px -2px rgba(0, 0, 0, 0.12);
    --ds-shadow-button-danger-outline: inset 0 0 0 1px var(--ds-color-danger-default), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    --ds-shadow-button-danger-outline-hover: inset 0 0 0 1px var(--ds-color-danger-strong), 0 2px 6px -2px rgba(149, 68, 47, 0.18);
    --ds-blur-sm: 4px;
    --ds-blur-md: 8px;
    --ds-blur-lg: 16px;
    --ds-blur-xl: 24px;
    --ds-soft-alpha: 0.18;
    --ds-glass-fx-alpha: 0.06;
    --ds-glass-fx-blur: 14px;
    --ds-ease-emphasis: cubic-bezier(0.16, 1, 0.3, 1);
    --ds-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ds-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --ds-dur-instant: 80ms;
    --ds-dur-fast: 120ms;
    --ds-dur-base: 220ms;
    --ds-dur-slow: 360ms;
    --ds-dur-slower: 520ms;
    --ds-layer-base: 0;
    --ds-layer-raised: 1;
    --ds-layer-sticky: 100;
    --ds-layer-dropdown: 1000;
    --ds-layer-overlay: 1100;
    --ds-layer-modal: 1200;
    --ds-layer-popover: 1300;
    --ds-layer-toast: 1400;
    --ds-layer-tooltip: 1500;
    --ds-measure-narrow: 45ch;
    --ds-measure-base: 65ch;
    --ds-measure-wide: 80ch;
    --ds-border-hairline: 1px;
    --ds-border-thick: 2px;
  }
}
@layer eduari.tokens {
  .dark {
    --ds-shadow-xs: 0 1px 0 rgba(0, 0, 0, 0.30), 0 1px 2px rgba(0, 0, 0, 0.30);
    --ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.30), 0 2px 6px rgba(0, 0, 0, 0.40);
    --ds-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.30), 0 8px 24px rgba(0, 0, 0, 0.50);
    --ds-shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.40), 0 16px 48px rgba(0, 0, 0, 0.60);
    --ds-shadow-xl: 0 8px 16px rgba(0, 0, 0, 0.50), 0 32px 80px rgba(0, 0, 0, 0.70);
    --ds-shadow-button-resting: inset 0 0 0 1px var(--ds-btn-bd), var(--ds-shadow-xs);
    --ds-shadow-button-neutral:
      inset 0 0 0 1px var(--ds-btn-bd),
      inset 0 1px 0 var(--ds-color-surface-highlight),
      var(--ds-shadow-xs);
    --ds-shadow-button-neutral-hover: inset 0 0 0 1px var(--ds-color-border-strong), var(--ds-shadow-sm);
    --ds-shadow-button-primary:
      inset 0 0 0 1px rgba(255, 255, 255, 0.06),
      0 1px 2px rgba(0, 0, 0, 0.45),
      0 3px 10px -2px rgba(0, 0, 0, 0.55);
    --ds-shadow-button-primary-hover:
      inset 0 0 0 1px rgba(255, 255, 255, 0.09),
      0 2px 6px rgba(0, 0, 0, 0.50),
      0 10px 24px -8px rgba(0, 0, 0, 0.62);
    --ds-shadow-button-tertiary:
      inset 0 0 0 1px rgba(255, 255, 255, 0.06),
      0 1px 2px rgba(0, 0, 0, 0.45),
      0 3px 10px -2px rgba(0, 0, 0, 0.55);
    --ds-shadow-button-secondary:
      inset 0 0 0 1px rgba(255, 255, 255, 0.06),
      0 1px 2px rgba(0, 0, 0, 0.45),
      0 3px 10px -2px rgba(0, 0, 0, 0.55);
    --ds-shadow-button-secondary-soft:
      inset 0 0 0 1px rgba(94, 44, 50, 0.35),
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 1px 2px rgba(0, 0, 0, 0.30);
    --ds-shadow-button-secondary-soft-hover:
      inset 0 0 0 1px rgba(94, 44, 50, 0.45),
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      0 6px 20px -8px rgba(0, 0, 0, 0.45);
    --ds-shadow-button-danger:
      inset 0 0 0 1px rgba(255, 255, 255, 0.06),
      0 1px 2px rgba(0, 0, 0, 0.45),
      0 3px 10px -2px rgba(0, 0, 0, 0.55);
    --ds-shadow-button-danger-outline: inset 0 0 0 1px var(--ds-color-danger-default), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    --ds-shadow-button-danger-outline-hover: inset 0 0 0 1px var(--ds-color-danger-strong), 0 2px 6px -2px rgba(0, 0, 0, 0.40);
  }
}
@layer eduari.tokens {
  [data-profile=base],
  :root {
    --ds-neutral-0: #fbfaf7;
    --ds-neutral-25: #f5f3ef;
    --ds-neutral-50: #efece7;
    --ds-neutral-75: #e9e6df;
    --ds-neutral-100: #e2ddd5;
    --ds-neutral-150: #d7d0c5;
    --ds-neutral-200: #c8c0b2;
    --ds-neutral-300: #aaa08f;
    --ds-neutral-400: #8d826f;
    --ds-neutral-500: #6c6251;
    --ds-neutral-600: #52493b;
    --ds-neutral-700: #3b3429;
    --ds-neutral-800: #2a241b;
    --ds-neutral-850: #221d16;
    --ds-neutral-900: #1b1610;
    --ds-neutral-950: #14100a;
    --ds-neutral-1000: #0e0b06;
    --ds-primary-0: #fff9f1;
    --ds-primary-25: #fdf2e3;
    --ds-primary-50: #faead6;
    --ds-primary-75: #f7e3c9;
    --ds-primary-100: #f3dab8;
    --ds-primary-150: #edcb9f;
    --ds-primary-200: #e4b881;
    --ds-primary-300: #cc964b;
    --ds-primary-400: #b17514;
    --ds-primary-500: #895700;
    --ds-primary-600: #684100;
    --ds-primary-700: #4c2e00;
    --ds-primary-800: #371f00;
    --ds-primary-850: #2d1900;
    --ds-primary-900: #241300;
    --ds-primary-950: #1b0d00;
    --ds-primary-1000: #140800;
    --ds-secondary-0: #fff8fa;
    --ds-secondary-25: #fdeff4;
    --ds-secondary-50: #fae7ed;
    --ds-secondary-75: #f8dfe7;
    --ds-secondary-100: #f4d4df;
    --ds-secondary-150: #edc4d2;
    --ds-secondary-200: #e3b1c2;
    --ds-secondary-300: #cb8da4;
    --ds-secondary-400: #ae6c86;
    --ds-secondary-500: #894e66;
    --ds-secondary-600: #6a384d;
    --ds-secondary-700: #4f2637;
    --ds-secondary-800: #391927;
    --ds-secondary-850: #2f1320;
    --ds-secondary-900: #260e19;
    --ds-secondary-950: #1d0912;
    --ds-secondary-1000: #15060c;
    --ds-tertiary-0: #f6fbfd;
    --ds-tertiary-25: #edf5f8;
    --ds-tertiary-50: #e3eff3;
    --ds-tertiary-75: #dae9ef;
    --ds-tertiary-100: #cee2e9;
    --ds-tertiary-150: #bcd6df;
    --ds-tertiary-200: #a7c7d3;
    --ds-tertiary-300: #80a9b8;
    --ds-tertiary-400: #5e8b9b;
    --ds-tertiary-500: #406a79;
    --ds-tertiary-600: #2c505d;
    --ds-tertiary-700: #1c3a44;
    --ds-tertiary-800: #112931;
    --ds-tertiary-850: #0c2128;
    --ds-tertiary-900: #081a20;
    --ds-tertiary-950: #051318;
    --ds-tertiary-1000: #030d11;
    --ds-success-0: #f7fcf6;
    --ds-success-25: #eff6ed;
    --ds-success-50: #e7f0e5;
    --ds-success-75: #dfeadb;
    --ds-success-100: #d5e3d0;
    --ds-success-150: #c6d7bf;
    --ds-success-200: #b3c9a9;
    --ds-success-300: #90ab84;
    --ds-success-400: #718d62;
    --ds-success-500: #536c45;
    --ds-success-600: #3d5230;
    --ds-success-700: #2b3b20;
    --ds-success-800: #1d2a14;
    --ds-success-850: #17220f;
    --ds-success-900: #111a0a;
    --ds-success-950: #0c1306;
    --ds-success-1000: #080d04;
    --ds-warning-0: #fff9f5;
    --ds-warning-25: #fff0e8;
    --ds-warning-50: #ffe7db;
    --ds-warning-75: #fedfce;
    --ds-warning-100: #fcd5c0;
    --ds-warning-150: #f7c4aa;
    --ds-warning-200: #f0b08f;
    --ds-warning-300: #da8b61;
    --ds-warning-400: #be693a;
    --ds-warning-500: #984a1c;
    --ds-warning-600: #773409;
    --ds-warning-700: #592301;
    --ds-warning-800: #411600;
    --ds-warning-850: #361100;
    --ds-warning-900: #2c0c00;
    --ds-warning-950: #220700;
    --ds-warning-1000: #1a0400;
    --ds-danger-0: #fff8f7;
    --ds-danger-25: #fff0ec;
    --ds-danger-50: #fee7e2;
    --ds-danger-75: #fdded8;
    --ds-danger-100: #fad4cc;
    --ds-danger-150: #f5c4ba;
    --ds-danger-200: #edb0a4;
    --ds-danger-300: #d68b7e;
    --ds-danger-400: #ba6a5d;
    --ds-danger-500: #944b41;
    --ds-danger-600: #73352d;
    --ds-danger-700: #56241e;
    --ds-danger-800: #3f1713;
    --ds-danger-850: #34120e;
    --ds-danger-900: #2a0c0a;
    --ds-danger-950: #200806;
    --ds-danger-1000: #180504;
    --ds-color-surface-overlay: rgb(from var(--ds-color-surface-3) r g b / var(--ds-glass-fx-alpha));
    --ds-color-phase-entry: #d9b156;
    --ds-color-phase-input: #6a8fb3;
    --ds-color-phase-practice: #6fa678;
    --ds-color-phase-secure: #927fae;
    --ds-color-phase-reflection: #95a0ab;
    --ds-color-phase-transfer: #d17a52;
    --ds-color-unit-assignment: #c99346;
    --ds-color-unit-practice: #5a9f87;
    --ds-color-unit-presentation: #7b7dc0;
    --ds-color-social-plenum: #c76a86;
    --ds-color-social-individual: #4d9d94;
    --ds-color-social-pair: #c97a4e;
    --ds-color-social-group: #5095b5;
    --ds-color-subject-default: #5f9e84;
    --ds-color-track-content: #6a8fb3;
    --ds-color-track-process: #9a86c0;
    --ds-color-school-type-elementary: #e8a861;
    --ds-color-school-type-lower-secondary: #8a9856;
    --ds-color-school-type-intermediate-secondary: #6f95c0;
    --ds-color-school-type-academic-secondary: #8f76b5;
    --ds-color-school-type-comprehensive-secondary: #5f8e96;
    --ds-color-school-type-community-secondary: #ca7a98;
    --ds-color-school-type-upper-secondary: #7b68a8;
    --ds-color-school-type-vocational: #b8784a;
    --ds-color-school-type-vocational-college: #a66339;
    --ds-color-school-type-technical-upper-secondary: #5483a8;
    --ds-color-school-type-specialized-gymnasium: #9a6fae;
    --ds-color-school-type-evening-academic-secondary: #5c6e96;
    --ds-color-school-type-special-needs: #d9994e;
    --ds-color-school-type-waldorf: #b68b6c;
    --ds-color-school-type-montessori: #7aa177;
    --ds-color-school-type-international: #48a09a;
    --ds-color-school-type-custom: #8b8678;
    --ds-color-agent-domain-lesson-architect: #16a085;
    --ds-color-agent-domain-school-structure: #3b82c4;
    --ds-color-agent-domain-assistant: rgba(0, 0, 0, 0);
    --ds-color-contrast-on-bright: #1a1a1a;
    --ds-color-tone-neutral-surface: var(--ds-neutral-100);
    --ds-color-tone-neutral-soft: var(--ds-neutral-50);
    --ds-color-tone-neutral-fg: var(--ds-neutral-800);
    --ds-color-tone-neutral-border: var(--ds-neutral-300);
    --ds-color-tone-neutral-soft-fg: var(--ds-neutral-700);
    --ds-color-tone-primary-surface: var(--ds-primary-300);
    --ds-color-tone-primary-soft: var(--ds-primary-50);
    --ds-color-tone-primary-fg: var(--ds-primary-850);
    --ds-color-tone-primary-border: var(--ds-primary-500);
    --ds-color-tone-primary-soft-fg: var(--ds-primary-700);
    --ds-color-tone-secondary-surface: var(--ds-secondary-300);
    --ds-color-tone-secondary-soft: var(--ds-secondary-50);
    --ds-color-tone-secondary-fg: var(--ds-secondary-850);
    --ds-color-tone-secondary-border: var(--ds-secondary-500);
    --ds-color-tone-secondary-soft-fg: var(--ds-secondary-700);
    --ds-color-tone-tertiary-surface: var(--ds-tertiary-300);
    --ds-color-tone-tertiary-soft: var(--ds-tertiary-50);
    --ds-color-tone-tertiary-fg: var(--ds-tertiary-850);
    --ds-color-tone-tertiary-border: var(--ds-tertiary-500);
    --ds-color-tone-tertiary-soft-fg: var(--ds-tertiary-700);
    --ds-color-tone-success-surface: var(--ds-success-400);
    --ds-color-tone-success-soft: var(--ds-success-50);
    --ds-color-tone-success-fg: var(--ds-success-1000);
    --ds-color-tone-success-border: var(--ds-success-700);
    --ds-color-tone-success-soft-fg: var(--ds-success-800);
    --ds-color-tone-warning-surface: var(--ds-warning-400);
    --ds-color-tone-warning-soft: var(--ds-warning-50);
    --ds-color-tone-warning-fg: var(--ds-warning-1000);
    --ds-color-tone-warning-border: var(--ds-warning-700);
    --ds-color-tone-warning-soft-fg: var(--ds-warning-800);
    --ds-color-tone-danger-surface: var(--ds-danger-400);
    --ds-color-tone-danger-soft: var(--ds-danger-50);
    --ds-color-tone-danger-fg: var(--ds-danger-1000);
    --ds-color-tone-danger-border: var(--ds-danger-700);
    --ds-color-tone-danger-soft-fg: var(--ds-danger-700);
    --ds-color-surface-0: var(--ds-neutral-25);
    --ds-color-surface-1: var(--ds-neutral-50);
    --ds-color-surface-2: var(--ds-neutral-75);
    --ds-color-surface-3: var(--ds-neutral-150);
    --ds-color-surface-inset: var(--ds-neutral-100);
    --ds-color-surface-inverse: var(--ds-primary-1000);
    --ds-color-surface-header: var(--ds-neutral-100);
    --ds-color-text-primary: var(--ds-primary-1000);
    --ds-color-text-body: var(--ds-neutral-700);
    --ds-color-text-secondary: var(--ds-neutral-500);
    --ds-color-text-tertiary: var(--ds-neutral-400);
    --ds-color-text-on-accent: var(--ds-neutral-25);
    --ds-color-border-subtle: var(--ds-neutral-150);
    --ds-color-border-default: var(--ds-neutral-200);
    --ds-color-border-strong: var(--ds-neutral-300);
    --ds-color-focus-ring: var(--ds-primary-500);
    --ds-color-interactive-primary: var(--ds-primary-500);
    --ds-color-interactive-primary-hover: var(--ds-primary-600);
    --ds-color-interactive-primary-active: var(--ds-primary-700);
    --ds-color-interactive-primary-bright: var(--ds-primary-400);
    --ds-color-secondary-default: var(--ds-secondary-500);
    --ds-color-secondary-hover: var(--ds-secondary-700);
    --ds-color-tertiary-default: var(--ds-tertiary-500);
    --ds-color-tertiary-strong: var(--ds-tertiary-700);
    --ds-color-success-default: var(--ds-success-500);
    --ds-color-success-strong: var(--ds-success-700);
    --ds-color-warning-default: var(--ds-warning-500);
    --ds-color-warning-strong: var(--ds-warning-700);
    --ds-color-danger-default: var(--ds-danger-500);
    --ds-color-danger-strong: var(--ds-danger-700);
    --ds-color-afb-1: var(--ds-success-500);
    --ds-color-afb-2: var(--ds-warning-500);
    --ds-color-afb-3: var(--ds-danger-500);
    --ds-color-text-link: var(--ds-color-interactive-primary);
    --ds-color-border-focus: var(--ds-color-focus-ring);
  }
}
@layer eduari.tokens {
  [data-profile=base].dark,
  .dark {
    --ds-color-tone-neutral-surface: var(--ds-neutral-500);
    --ds-color-tone-neutral-soft: var(--ds-neutral-900);
    --ds-color-tone-neutral-fg: var(--ds-neutral-25);
    --ds-color-tone-neutral-border: var(--ds-neutral-400);
    --ds-color-tone-neutral-soft-fg: var(--ds-neutral-300);
    --ds-color-tone-primary-surface: var(--ds-primary-500);
    --ds-color-tone-primary-soft: var(--ds-primary-900);
    --ds-color-tone-primary-fg: var(--ds-primary-25);
    --ds-color-tone-primary-border: var(--ds-primary-400);
    --ds-color-tone-primary-soft-fg: var(--ds-primary-300);
    --ds-color-tone-secondary-surface: var(--ds-secondary-500);
    --ds-color-tone-secondary-soft: var(--ds-secondary-900);
    --ds-color-tone-secondary-fg: var(--ds-secondary-25);
    --ds-color-tone-secondary-border: var(--ds-secondary-400);
    --ds-color-tone-secondary-soft-fg: var(--ds-secondary-300);
    --ds-color-tone-tertiary-surface: var(--ds-tertiary-500);
    --ds-color-tone-tertiary-soft: var(--ds-tertiary-900);
    --ds-color-tone-tertiary-fg: var(--ds-tertiary-25);
    --ds-color-tone-tertiary-border: var(--ds-tertiary-400);
    --ds-color-tone-tertiary-soft-fg: var(--ds-tertiary-300);
    --ds-color-tone-success-surface: var(--ds-success-500);
    --ds-color-tone-success-soft: var(--ds-success-900);
    --ds-color-tone-success-fg: var(--ds-success-25);
    --ds-color-tone-success-border: var(--ds-success-400);
    --ds-color-tone-success-soft-fg: var(--ds-success-300);
    --ds-color-tone-warning-surface: var(--ds-warning-500);
    --ds-color-tone-warning-soft: var(--ds-warning-900);
    --ds-color-tone-warning-fg: var(--ds-warning-25);
    --ds-color-tone-warning-border: var(--ds-warning-400);
    --ds-color-tone-warning-soft-fg: var(--ds-warning-300);
    --ds-color-tone-danger-surface: var(--ds-danger-500);
    --ds-color-tone-danger-soft: var(--ds-danger-900);
    --ds-color-tone-danger-fg: var(--ds-danger-25);
    --ds-color-tone-danger-border: var(--ds-danger-400);
    --ds-color-tone-danger-soft-fg: var(--ds-danger-300);
    --ds-color-surface-0: var(--ds-neutral-900);
    --ds-color-surface-1: var(--ds-neutral-800);
    --ds-color-surface-2: var(--ds-neutral-700);
    --ds-color-surface-3: var(--ds-neutral-600);
    --ds-color-surface-inset: var(--ds-neutral-1000);
    --ds-color-surface-inverse: var(--ds-neutral-25);
    --ds-color-surface-header: var(--ds-neutral-700);
    --ds-color-text-primary: var(--ds-neutral-25);
    --ds-color-text-body: var(--ds-neutral-200);
    --ds-color-text-secondary: var(--ds-neutral-300);
    --ds-color-text-tertiary: var(--ds-neutral-400);
    --ds-color-text-on-accent: var(--ds-neutral-25);
    --ds-color-border-subtle: var(--ds-neutral-700);
    --ds-color-border-default: var(--ds-neutral-600);
    --ds-color-border-strong: var(--ds-neutral-500);
    --ds-color-focus-ring: var(--ds-primary-300);
    --ds-color-interactive-primary: var(--ds-primary-300);
    --ds-color-interactive-primary-hover: var(--ds-primary-200);
    --ds-color-interactive-primary-active: var(--ds-primary-150);
    --ds-color-interactive-primary-bright: var(--ds-primary-200);
    --ds-color-secondary-default: var(--ds-secondary-300);
    --ds-color-secondary-hover: var(--ds-secondary-200);
    --ds-color-tertiary-default: var(--ds-tertiary-500);
    --ds-color-tertiary-strong: var(--ds-tertiary-100);
    --ds-color-success-default: var(--ds-success-500);
    --ds-color-success-strong: var(--ds-success-100);
    --ds-color-warning-default: var(--ds-warning-500);
    --ds-color-warning-strong: var(--ds-warning-100);
    --ds-color-danger-default: var(--ds-danger-500);
    --ds-color-danger-strong: var(--ds-danger-100);
    --ds-color-text-link: var(--ds-color-interactive-primary);
    --ds-color-border-focus: var(--ds-color-focus-ring);
  }
}
@layer eduari.tokens {
  [data-profile=petrol] {
    --ds-neutral-0: #f9fafb;
    --ds-neutral-25: #f2f4f4;
    --ds-neutral-50: #ebedee;
    --ds-neutral-75: #e3e7e8;
    --ds-neutral-100: #dadfe0;
    --ds-neutral-150: #ccd2d3;
    --ds-neutral-200: #bbc2c4;
    --ds-neutral-300: #9aa3a5;
    --ds-neutral-400: #7b8587;
    --ds-neutral-500: #5c6567;
    --ds-neutral-600: #444c4d;
    --ds-neutral-700: #303738;
    --ds-neutral-800: #212627;
    --ds-neutral-850: #1b1f20;
    --ds-neutral-900: #141819;
    --ds-neutral-950: #0e1112;
    --ds-neutral-1000: #090c0c;
    --ds-primary-0: #f1fdfd;
    --ds-primary-25: #e6f7f8;
    --ds-primary-50: #dbf2f3;
    --ds-primary-75: #ceedef;
    --ds-primary-100: #bfe7e9;
    --ds-primary-150: #a7dddf;
    --ds-primary-200: #89cfd3;
    --ds-primary-300: #53b3b8;
    --ds-primary-400: #15959b;
    --ds-primary-500: #007176;
    --ds-primary-600: #005559;
    --ds-primary-700: #003e41;
    --ds-primary-800: #002c2e;
    --ds-primary-850: #002426;
    --ds-primary-900: #001c1d;
    --ds-primary-950: #001416;
    --ds-primary-1000: #000e0f;
    --ds-secondary-0: #fff8f7;
    --ds-secondary-25: #fff0eb;
    --ds-secondary-50: #ffe7e0;
    --ds-secondary-75: #fdded6;
    --ds-secondary-100: #fbd4c9;
    --ds-secondary-150: #f6c4b6;
    --ds-secondary-200: #eeb09f;
    --ds-secondary-300: #d88b77;
    --ds-secondary-400: #bb6955;
    --ds-secondary-500: #954b39;
    --ds-secondary-600: #743526;
    --ds-secondary-700: #572418;
    --ds-secondary-800: #3f170e;
    --ds-secondary-850: #35110a;
    --ds-secondary-900: #2b0c06;
    --ds-secondary-950: #210704;
    --ds-secondary-1000: #190502;
    --ds-tertiary-0: #faf9ff;
    --ds-tertiary-25: #f3f2fc;
    --ds-tertiary-50: #ecebf8;
    --ds-tertiary-75: #e5e4f5;
    --ds-tertiary-100: #dddbf1;
    --ds-tertiary-150: #d0cde9;
    --ds-tertiary-200: #c0bcdf;
    --ds-tertiary-300: #a09bc7;
    --ds-tertiary-400: #827cab;
    --ds-tertiary-500: #625d87;
    --ds-tertiary-600: #4a4569;
    --ds-tertiary-700: #35314e;
    --ds-tertiary-800: #252238;
    --ds-tertiary-850: #1e1b2f;
    --ds-tertiary-900: #171425;
    --ds-tertiary-950: #100e1c;
    --ds-tertiary-1000: #0b0915;
    --ds-success-0: #f6fcf7;
    --ds-success-25: #eef6ef;
    --ds-success-50: #e6f0e6;
    --ds-success-75: #ddebdd;
    --ds-success-100: #d2e4d3;
    --ds-success-150: #c2d8c2;
    --ds-success-200: #aecaae;
    --ds-success-300: #89ac8a;
    --ds-success-400: #698f69;
    --ds-success-500: #4b6d4b;
    --ds-success-600: #365336;
    --ds-success-700: #253c24;
    --ds-success-800: #182a18;
    --ds-success-850: #132312;
    --ds-success-900: #0e1b0d;
    --ds-success-950: #091408;
    --ds-success-1000: #050e05;
    --ds-warning-0: #fff9f3;
    --ds-warning-25: #fef1e4;
    --ds-warning-50: #fbead8;
    --ds-warning-75: #f9e2cb;
    --ds-warning-100: #f6d8bb;
    --ds-warning-150: #efc9a4;
    --ds-warning-200: #e7b687;
    --ds-warning-300: #d09355;
    --ds-warning-400: #b47227;
    --ds-warning-500: #8e5300;
    --ds-warning-600: #6c3e00;
    --ds-warning-700: #4f2b00;
    --ds-warning-800: #391d00;
    --ds-warning-850: #2f1700;
    --ds-warning-900: #261100;
    --ds-warning-950: #1d0c00;
    --ds-warning-1000: #160700;
    --ds-danger-0: #fff8f8;
    --ds-danger-25: #ffefef;
    --ds-danger-50: #ffe6e5;
    --ds-danger-75: #fedddd;
    --ds-danger-100: #fcd2d2;
    --ds-danger-150: #f6c2c2;
    --ds-danger-200: #efadae;
    --ds-danger-300: #d8888a;
    --ds-danger-400: #bc666a;
    --ds-danger-500: #95484d;
    --ds-danger-600: #753237;
    --ds-danger-700: #572226;
    --ds-danger-800: #401519;
    --ds-danger-850: #351014;
    --ds-danger-900: #2b0b0e;
    --ds-danger-950: #210709;
    --ds-danger-1000: #190406;
  }
}
@layer eduari.tokens {
  [data-profile=forest] {
    --ds-neutral-0: #fafaf9;
    --ds-neutral-25: #f3f4f3;
    --ds-neutral-50: #ecedec;
    --ds-neutral-75: #e5e6e5;
    --ds-neutral-100: #dddedc;
    --ds-neutral-150: #d0d1ce;
    --ds-neutral-200: #c0c2be;
    --ds-neutral-300: #a0a29e;
    --ds-neutral-400: #81847f;
    --ds-neutral-500: #626460;
    --ds-neutral-600: #494b47;
    --ds-neutral-700: #343633;
    --ds-neutral-800: #242623;
    --ds-neutral-850: #1d1e1c;
    --ds-neutral-900: #171716;
    --ds-neutral-950: #10110f;
    --ds-neutral-1000: #0b0b0a;
    --ds-primary-0: #f4fcf9;
    --ds-primary-25: #eaf7f1;
    --ds-primary-50: #e0f2ea;
    --ds-primary-75: #d6ede2;
    --ds-primary-100: #c9e6d9;
    --ds-primary-150: #b5dbca;
    --ds-primary-200: #9dceb8;
    --ds-primary-300: #72b196;
    --ds-primary-400: #4d9376;
    --ds-primary-500: #2f7257;
    --ds-primary-600: #1b5740;
    --ds-primary-700: #0e3f2d;
    --ds-primary-800: #062d1e;
    --ds-primary-850: #042518;
    --ds-primary-900: #021d12;
    --ds-primary-950: #01150c;
    --ds-primary-1000: #010f08;
    --ds-secondary-0: #fff9f4;
    --ds-secondary-25: #fdf1e8;
    --ds-secondary-50: #fbe9dd;
    --ds-secondary-75: #f8e1d1;
    --ds-secondary-100: #f5d8c4;
    --ds-secondary-150: #eec8af;
    --ds-secondary-200: #e5b696;
    --ds-secondary-300: #cd936a;
    --ds-secondary-400: #b17245;
    --ds-secondary-500: #8c5329;
    --ds-secondary-600: #6d3c17;
    --ds-secondary-700: #512a0b;
    --ds-secondary-800: #3b1c04;
    --ds-secondary-850: #311603;
    --ds-secondary-900: #281002;
    --ds-secondary-950: #1e0a01;
    --ds-secondary-1000: #170601;
    --ds-tertiary-0: #fdf8fe;
    --ds-tertiary-25: #f7f1f9;
    --ds-tertiary-50: #f2e9f4;
    --ds-tertiary-75: #ede2f0;
    --ds-tertiary-100: #e7d8ea;
    --ds-tertiary-150: #ddc9e1;
    --ds-tertiary-200: #d0b7d5;
    --ds-tertiary-300: #b395ba;
    --ds-tertiary-400: #96769e;
    --ds-tertiary-500: #74577b;
    --ds-tertiary-600: #59405f;
    --ds-tertiary-700: #412d46;
    --ds-tertiary-800: #2e1e32;
    --ds-tertiary-850: #261829;
    --ds-tertiary-900: #1e1221;
    --ds-tertiary-950: #160c18;
    --ds-tertiary-1000: #100812;
    --ds-success-0: #f8fbf6;
    --ds-success-25: #f0f5ed;
    --ds-success-50: #e8efe4;
    --ds-success-75: #e1eada;
    --ds-success-100: #d7e2ce;
    --ds-success-150: #c8d7bd;
    --ds-success-200: #b6c8a7;
    --ds-success-300: #94aa81;
    --ds-success-400: #758c5f;
    --ds-success-500: #576b42;
    --ds-success-600: #40512d;
    --ds-success-700: #2d3a1e;
    --ds-success-800: #1f2912;
    --ds-success-850: #19210d;
    --ds-success-900: #131a09;
    --ds-success-950: #0d1305;
    --ds-success-1000: #080d03;
    --ds-warning-0: #fff9f4;
    --ds-warning-25: #fff1e5;
    --ds-warning-50: #fce9d9;
    --ds-warning-75: #fae1cc;
    --ds-warning-100: #f7d7bd;
    --ds-warning-150: #f2c8a5;
    --ds-warning-200: #e9b589;
    --ds-warning-300: #d39158;
    --ds-warning-400: #b7702e;
    --ds-warning-500: #915109;
    --ds-warning-600: #703b00;
    --ds-warning-700: #522900;
    --ds-warning-800: #3b1c00;
    --ds-warning-850: #311600;
    --ds-warning-900: #281000;
    --ds-warning-950: #1e0b00;
    --ds-warning-1000: #170600;
    --ds-danger-0: #fff8f7;
    --ds-danger-25: #ffefed;
    --ds-danger-50: #ffe6e3;
    --ds-danger-75: #fededa;
    --ds-danger-100: #fcd3ce;
    --ds-danger-150: #f6c2bd;
    --ds-danger-200: #efaea8;
    --ds-danger-300: #d98982;
    --ds-danger-400: #bc6761;
    --ds-danger-500: #964944;
    --ds-danger-600: #753330;
    --ds-danger-700: #572220;
    --ds-danger-800: #401615;
    --ds-danger-850: #351010;
    --ds-danger-900: #2b0b0b;
    --ds-danger-950: #210707;
    --ds-danger-1000: #190404;
  }
}
@layer eduari.tokens {
  [data-profile=ocean] {
    --ds-neutral-0: #f9fafb;
    --ds-neutral-25: #f2f4f4;
    --ds-neutral-50: #ebedee;
    --ds-neutral-75: #e4e6e8;
    --ds-neutral-100: #dcdee0;
    --ds-neutral-150: #ced1d4;
    --ds-neutral-200: #bdc2c5;
    --ds-neutral-300: #9da2a7;
    --ds-neutral-400: #7e8489;
    --ds-neutral-500: #5f6468;
    --ds-neutral-600: #464b4f;
    --ds-neutral-700: #323639;
    --ds-neutral-800: #232628;
    --ds-neutral-850: #1c1e20;
    --ds-neutral-900: #151719;
    --ds-neutral-950: #0f1112;
    --ds-neutral-1000: #0a0b0d;
    --ds-primary-0: #f7faff;
    --ds-primary-25: #ecf4ff;
    --ds-primary-50: #e1eeff;
    --ds-primary-75: #d6e8ff;
    --ds-primary-100: #c8e1fe;
    --ds-primary-150: #b4d4fa;
    --ds-primary-200: #9cc5f4;
    --ds-primary-300: #71a5e1;
    --ds-primary-400: #4c86c6;
    --ds-primary-500: #2e669f;
    --ds-primary-600: #1a4c7d;
    --ds-primary-700: #0d375e;
    --ds-primary-800: #052645;
    --ds-primary-850: #021f3a;
    --ds-primary-900: #01182f;
    --ds-primary-950: #001124;
    --ds-primary-1000: #000c1c;
    --ds-secondary-0: #fff9f0;
    --ds-secondary-25: #fcf2e4;
    --ds-secondary-50: #f8ebd7;
    --ds-secondary-75: #f5e4c9;
    --ds-secondary-100: #f1dab9;
    --ds-secondary-150: #eacca1;
    --ds-secondary-200: #e0ba83;
    --ds-secondary-300: #c8984e;
    --ds-secondary-400: #ad771b;
    --ds-secondary-500: #865900;
    --ds-secondary-600: #664200;
    --ds-secondary-700: #4b2f00;
    --ds-secondary-800: #362000;
    --ds-secondary-850: #2c1900;
    --ds-secondary-900: #231300;
    --ds-secondary-950: #1b0d00;
    --ds-secondary-1000: #140800;
    --ds-tertiary-0: #f5fcfa;
    --ds-tertiary-25: #ebf6f3;
    --ds-tertiary-50: #e2f1ec;
    --ds-tertiary-75: #d7ece5;
    --ds-tertiary-100: #cbe5dd;
    --ds-tertiary-150: #b8dacf;
    --ds-tertiary-200: #a1ccbf;
    --ds-tertiary-300: #77af9f;
    --ds-tertiary-400: #539181;
    --ds-tertiary-500: #357061;
    --ds-tertiary-600: #215548;
    --ds-tertiary-700: #133e34;
    --ds-tertiary-800: #092c24;
    --ds-tertiary-850: #06241d;
    --ds-tertiary-900: #041c16;
    --ds-tertiary-950: #021510;
    --ds-tertiary-1000: #010f0b;
    --ds-success-0: #f7fcf6;
    --ds-success-25: #eff6ee;
    --ds-success-50: #e6f0e5;
    --ds-success-75: #deeadc;
    --ds-success-100: #d4e3d1;
    --ds-success-150: #c4d8c0;
    --ds-success-200: #b0c9ac;
    --ds-success-300: #8dac87;
    --ds-success-400: #6d8e66;
    --ds-success-500: #4f6d48;
    --ds-success-600: #395233;
    --ds-success-700: #283c22;
    --ds-success-800: #1b2a16;
    --ds-success-850: #152210;
    --ds-success-900: #0f1b0b;
    --ds-success-950: #0a1307;
    --ds-success-1000: #060e04;
    --ds-warning-0: #fff9f5;
    --ds-warning-25: #fff0e7;
    --ds-warning-50: #fee8db;
    --ds-warning-75: #fde0cf;
    --ds-warning-100: #fad5c0;
    --ds-warning-150: #f5c5aa;
    --ds-warning-200: #eeb290;
    --ds-warning-300: #d88d62;
    --ds-warning-400: #bc6b3b;
    --ds-warning-500: #954c1e;
    --ds-warning-600: #75360b;
    --ds-warning-700: #572502;
    --ds-warning-800: #401800;
    --ds-warning-850: #351200;
    --ds-warning-900: #2b0d00;
    --ds-warning-950: #210800;
    --ds-warning-1000: #190500;
    --ds-danger-0: #fff8f7;
    --ds-danger-25: #ffefed;
    --ds-danger-50: #ffe6e3;
    --ds-danger-75: #fededa;
    --ds-danger-100: #fcd3ce;
    --ds-danger-150: #f6c2bd;
    --ds-danger-200: #efaea8;
    --ds-danger-300: #d98982;
    --ds-danger-400: #bc6761;
    --ds-danger-500: #964944;
    --ds-danger-600: #753330;
    --ds-danger-700: #572220;
    --ds-danger-800: #401615;
    --ds-danger-850: #351010;
    --ds-danger-900: #2b0b0b;
    --ds-danger-950: #210707;
    --ds-danger-1000: #190404;
  }
}
@layer eduari.tokens {
  [data-profile=terracotta] {
    --ds-neutral-0: #fbfaf9;
    --ds-neutral-25: #f5f3f2;
    --ds-neutral-50: #efecea;
    --ds-neutral-75: #e9e5e3;
    --ds-neutral-100: #e1ddda;
    --ds-neutral-150: #d5d0cc;
    --ds-neutral-200: #c6c0bb;
    --ds-neutral-300: #a8a09a;
    --ds-neutral-400: #8a817b;
    --ds-neutral-500: #69625c;
    --ds-neutral-600: #4f4944;
    --ds-neutral-700: #393430;
    --ds-neutral-800: #282421;
    --ds-neutral-850: #211d1b;
    --ds-neutral-900: #1a1614;
    --ds-neutral-950: #12100e;
    --ds-neutral-1000: #0d0b09;
    --ds-primary-0: #fff9f6;
    --ds-primary-25: #fff0ea;
    --ds-primary-50: #ffe7df;
    --ds-primary-75: #feded4;
    --ds-primary-100: #fcd4c7;
    --ds-primary-150: #f7c4b3;
    --ds-primary-200: #efb09b;
    --ds-primary-300: #d98a71;
    --ds-primary-400: #bd694e;
    --ds-primary-500: #974a33;
    --ds-primary-600: #763420;
    --ds-primary-700: #582314;
    --ds-primary-800: #40160a;
    --ds-primary-850: #361107;
    --ds-primary-900: #2b0c05;
    --ds-primary-950: #210703;
    --ds-primary-1000: #190402;
    --ds-secondary-0: #f7fbf7;
    --ds-secondary-25: #eff6ef;
    --ds-secondary-50: #e7f0e7;
    --ds-secondary-75: #deeadf;
    --ds-secondary-100: #d4e3d4;
    --ds-secondary-150: #c4d7c4;
    --ds-secondary-200: #b1c9b1;
    --ds-secondary-300: #8dab8d;
    --ds-secondary-400: #6d8d6d;
    --ds-secondary-500: #4f6c4f;
    --ds-secondary-600: #395239;
    --ds-secondary-700: #273b27;
    --ds-secondary-800: #1a2a1a;
    --ds-secondary-850: #152214;
    --ds-secondary-900: #0f1b0f;
    --ds-secondary-950: #0a1309;
    --ds-secondary-1000: #060d06;
    --ds-tertiary-0: #f7faff;
    --ds-tertiary-25: #eff4fb;
    --ds-tertiary-50: #e7edf7;
    --ds-tertiary-75: #dfe7f4;
    --ds-tertiary-100: #d4dfef;
    --ds-tertiary-150: #c5d2e7;
    --ds-tertiary-200: #b1c2dd;
    --ds-tertiary-300: #8ea3c4;
    --ds-tertiary-400: #6e84a8;
    --ds-tertiary-500: #506484;
    --ds-tertiary-600: #3a4b66;
    --ds-tertiary-700: #28364c;
    --ds-tertiary-800: #1b2537;
    --ds-tertiary-850: #151e2d;
    --ds-tertiary-900: #0f1724;
    --ds-tertiary-950: #0a111c;
    --ds-tertiary-1000: #060b14;
    --ds-success-0: #f5fcf9;
    --ds-success-25: #ecf6f2;
    --ds-success-50: #e2f1ea;
    --ds-success-75: #d9ebe3;
    --ds-success-100: #cde5da;
    --ds-success-150: #badacb;
    --ds-success-200: #a4ccba;
    --ds-success-300: #7cae98;
    --ds-success-400: #599179;
    --ds-success-500: #3c6f59;
    --ds-success-600: #285542;
    --ds-success-700: #193e2e;
    --ds-success-800: #0f2c1f;
    --ds-success-850: #0a2419;
    --ds-success-900: #071c13;
    --ds-success-950: #04140d;
    --ds-success-1000: #020e08;
    --ds-warning-0: #fff9f2;
    --ds-warning-25: #fdf2e4;
    --ds-warning-50: #faead8;
    --ds-warning-75: #f7e3ca;
    --ds-warning-100: #f4d9ba;
    --ds-warning-150: #edcaa2;
    --ds-warning-200: #e4b885;
    --ds-warning-300: #cc9551;
    --ds-warning-400: #b07521;
    --ds-warning-500: #8a5600;
    --ds-warning-600: #694000;
    --ds-warning-700: #4d2d00;
    --ds-warning-800: #371f00;
    --ds-warning-850: #2e1800;
    --ds-warning-900: #251200;
    --ds-warning-950: #1c0c00;
    --ds-warning-1000: #150800;
    --ds-danger-0: #fff8f8;
    --ds-danger-25: #ffefef;
    --ds-danger-50: #ffe6e6;
    --ds-danger-75: #feddde;
    --ds-danger-100: #fbd2d4;
    --ds-danger-150: #f6c2c4;
    --ds-danger-200: #eeadb0;
    --ds-danger-300: #d8878d;
    --ds-danger-400: #bc666e;
    --ds-danger-500: #954750;
    --ds-danger-600: #74323a;
    --ds-danger-700: #572129;
    --ds-danger-800: #3f151b;
    --ds-danger-850: #351016;
    --ds-danger-900: #2b0b10;
    --ds-danger-950: #21070a;
    --ds-danger-1000: #190407;
  }
}
@layer eduari.tokens {
  [data-profile=aubergine] {
    --ds-neutral-0: #fafafa;
    --ds-neutral-25: #f4f3f4;
    --ds-neutral-50: #edeced;
    --ds-neutral-75: #e7e5e7;
    --ds-neutral-100: #dfdddf;
    --ds-neutral-150: #d3d0d2;
    --ds-neutral-200: #c3c0c3;
    --ds-neutral-300: #a4a0a4;
    --ds-neutral-400: #868185;
    --ds-neutral-500: #666265;
    --ds-neutral-600: #4d494c;
    --ds-neutral-700: #373437;
    --ds-neutral-800: #272426;
    --ds-neutral-850: #1f1d1f;
    --ds-neutral-900: #181718;
    --ds-neutral-950: #111011;
    --ds-neutral-1000: #0c0b0c;
    --ds-primary-0: #fff7fe;
    --ds-primary-25: #faeffa;
    --ds-primary-50: #f6e7f6;
    --ds-primary-75: #f3dff2;
    --ds-primary-100: #edd5ed;
    --ds-primary-150: #e5c5e5;
    --ds-primary-200: #d9b2da;
    --ds-primary-300: #bf8ec0;
    --ds-primary-400: #a26ea4;
    --ds-primary-500: #7e4f81;
    --ds-primary-600: #613964;
    --ds-primary-700: #47274a;
    --ds-primary-800: #331a36;
    --ds-primary-850: #2a142d;
    --ds-primary-900: #210f24;
    --ds-primary-950: #19091b;
    --ds-primary-1000: #120614;
    --ds-secondary-0: #f4fcf9;
    --ds-secondary-25: #eaf7f2;
    --ds-secondary-50: #e0f1eb;
    --ds-secondary-75: #d6ece4;
    --ds-secondary-100: #c9e6db;
    --ds-secondary-150: #b5dbcd;
    --ds-secondary-200: #9dcdbc;
    --ds-secondary-300: #72b09b;
    --ds-secondary-400: #4d937c;
    --ds-secondary-500: #2f715c;
    --ds-secondary-600: #1b5644;
    --ds-secondary-700: #0e3f30;
    --ds-secondary-800: #062d21;
    --ds-secondary-850: #03241a;
    --ds-secondary-900: #021d14;
    --ds-secondary-950: #01150e;
    --ds-secondary-1000: #010f09;
    --ds-tertiary-0: #fff9f2;
    --ds-tertiary-25: #faf2e8;
    --ds-tertiary-50: #f6ebdd;
    --ds-tertiary-75: #f3e4d1;
    --ds-tertiary-100: #eedbc3;
    --ds-tertiary-150: #e6ccae;
    --ds-tertiary-200: #dbbb95;
    --ds-tertiary-300: #c29969;
    --ds-tertiary-400: #a67943;
    --ds-tertiary-500: #825a27;
    --ds-tertiary-600: #654215;
    --ds-tertiary-700: #4b2e09;
    --ds-tertiary-800: #361f03;
    --ds-tertiary-850: #2d1902;
    --ds-tertiary-900: #241301;
    --ds-tertiary-950: #1b0d00;
    --ds-tertiary-1000: #140800;
    --ds-success-0: #f6fcf7;
    --ds-success-25: #eef6ef;
    --ds-success-50: #e6f0e6;
    --ds-success-75: #ddebdd;
    --ds-success-100: #d2e4d3;
    --ds-success-150: #c2d8c2;
    --ds-success-200: #aecaae;
    --ds-success-300: #89ac8a;
    --ds-success-400: #698f69;
    --ds-success-500: #4b6d4b;
    --ds-success-600: #365336;
    --ds-success-700: #253c24;
    --ds-success-800: #182a18;
    --ds-success-850: #132312;
    --ds-success-900: #0e1b0d;
    --ds-success-950: #091408;
    --ds-success-1000: #050e05;
    --ds-warning-0: #fff9f4;
    --ds-warning-25: #fff0e6;
    --ds-warning-50: #fde8da;
    --ds-warning-75: #fce0cd;
    --ds-warning-100: #f9d6be;
    --ds-warning-150: #f4c7a8;
    --ds-warning-200: #ecb38c;
    --ds-warning-300: #d58f5d;
    --ds-warning-400: #b96e34;
    --ds-warning-500: #944e15;
    --ds-warning-600: #733801;
    --ds-warning-700: #552700;
    --ds-warning-800: #3d1a00;
    --ds-warning-850: #331400;
    --ds-warning-900: #290f00;
    --ds-warning-950: #1f0900;
    --ds-warning-1000: #180600;
    --ds-danger-0: #fff8f8;
    --ds-danger-25: #ffefee;
    --ds-danger-50: #ffe6e5;
    --ds-danger-75: #fedddc;
    --ds-danger-100: #fcd3d1;
    --ds-danger-150: #f6c2c0;
    --ds-danger-200: #efaeac;
    --ds-danger-300: #d88887;
    --ds-danger-400: #bc6667;
    --ds-danger-500: #96484a;
    --ds-danger-600: #753235;
    --ds-danger-700: #572225;
    --ds-danger-800: #401518;
    --ds-danger-850: #351013;
    --ds-danger-900: #2b0b0e;
    --ds-danger-950: #210709;
    --ds-danger-1000: #190405;
  }
}
@layer eduari.tokens {
  [data-profile=midnight] {
    --ds-neutral-0: #f9fafb;
    --ds-neutral-25: #f2f3f5;
    --ds-neutral-50: #ebedef;
    --ds-neutral-75: #e4e6e9;
    --ds-neutral-100: #dbdee1;
    --ds-neutral-150: #ced1d5;
    --ds-neutral-200: #bdc1c6;
    --ds-neutral-300: #9da2a8;
    --ds-neutral-400: #7e848a;
    --ds-neutral-500: #5e646a;
    --ds-neutral-600: #464b50;
    --ds-neutral-700: #32363a;
    --ds-neutral-800: #232629;
    --ds-neutral-850: #1c1e21;
    --ds-neutral-900: #15171a;
    --ds-neutral-950: #0f1113;
    --ds-neutral-1000: #0a0b0d;
    --ds-primary-0: #f8faff;
    --ds-primary-25: #eef4ff;
    --ds-primary-50: #e5edfd;
    --ds-primary-75: #dce7fb;
    --ds-primary-100: #d1dff8;
    --ds-primary-150: #c0d2f2;
    --ds-primary-200: #abc2eb;
    --ds-primary-300: #86a2d5;
    --ds-primary-400: #6583b9;
    --ds-primary-500: #486394;
    --ds-primary-600: #324a74;
    --ds-primary-700: #223556;
    --ds-primary-800: #15253f;
    --ds-primary-850: #101e35;
    --ds-primary-900: #0b172b;
    --ds-primary-950: #061021;
    --ds-primary-1000: #040b19;
    --ds-secondary-0: #fff8f9;
    --ds-secondary-25: #fcf0f1;
    --ds-secondary-50: #f9e8e9;
    --ds-secondary-75: #f6e0e2;
    --ds-secondary-100: #f2d6d9;
    --ds-secondary-150: #ebc6ca;
    --ds-secondary-200: #e0b4b9;
    --ds-secondary-300: #c89098;
    --ds-secondary-400: #ab7079;
    --ds-secondary-500: #86525a;
    --ds-secondary-600: #683b43;
    --ds-secondary-700: #4d292f;
    --ds-secondary-800: #381b21;
    --ds-secondary-850: #2e151a;
    --ds-secondary-900: #251014;
    --ds-secondary-950: #1c0a0e;
    --ds-secondary-1000: #150609;
    --ds-tertiary-0: #f5fcfb;
    --ds-tertiary-25: #ecf6f5;
    --ds-tertiary-50: #e2f0ef;
    --ds-tertiary-75: #d8ebe9;
    --ds-tertiary-100: #cce4e2;
    --ds-tertiary-150: #b9d8d6;
    --ds-tertiary-200: #a3cac7;
    --ds-tertiary-300: #7aada9;
    --ds-tertiary-400: #578f8b;
    --ds-tertiary-500: #396e6a;
    --ds-tertiary-600: #255350;
    --ds-tertiary-700: #163c3a;
    --ds-tertiary-800: #0c2b29;
    --ds-tertiary-850: #082321;
    --ds-tertiary-900: #051b1a;
    --ds-tertiary-950: #031413;
    --ds-tertiary-1000: #020e0d;
    --ds-success-0: #f6fcf7;
    --ds-success-25: #eef6ef;
    --ds-success-50: #e6f0e6;
    --ds-success-75: #ddebdd;
    --ds-success-100: #d2e4d3;
    --ds-success-150: #c2d8c2;
    --ds-success-200: #aecaae;
    --ds-success-300: #89ac8a;
    --ds-success-400: #698f69;
    --ds-success-500: #4b6d4b;
    --ds-success-600: #365336;
    --ds-success-700: #253c24;
    --ds-success-800: #182a18;
    --ds-success-850: #132312;
    --ds-success-900: #0e1b0d;
    --ds-success-950: #091408;
    --ds-success-1000: #050e05;
    --ds-warning-0: #fff9f4;
    --ds-warning-25: #fff1e5;
    --ds-warning-50: #fce9d9;
    --ds-warning-75: #fae1cc;
    --ds-warning-100: #f7d7bd;
    --ds-warning-150: #f2c8a5;
    --ds-warning-200: #e9b589;
    --ds-warning-300: #d39158;
    --ds-warning-400: #b7702e;
    --ds-warning-500: #915109;
    --ds-warning-600: #703b00;
    --ds-warning-700: #522900;
    --ds-warning-800: #3b1c00;
    --ds-warning-850: #311600;
    --ds-warning-900: #281000;
    --ds-warning-950: #1e0b00;
    --ds-warning-1000: #170600;
    --ds-danger-0: #fff8f7;
    --ds-danger-25: #ffefed;
    --ds-danger-50: #ffe6e2;
    --ds-danger-75: #feded8;
    --ds-danger-100: #fbd3cd;
    --ds-danger-150: #f6c3bb;
    --ds-danger-200: #efafa5;
    --ds-danger-300: #d8897e;
    --ds-danger-400: #bc685d;
    --ds-danger-500: #964941;
    --ds-danger-600: #75332d;
    --ds-danger-700: #57231e;
    --ds-danger-800: #401613;
    --ds-danger-850: #35110e;
    --ds-danger-900: #2b0c0a;
    --ds-danger-950: #210706;
    --ds-danger-1000: #190404;
  }
}
@layer eduari.components {
  :root {
    --ds-color-interactive-primary-tint: rgb( from var(--ds-color-interactive-primary) r g b / var(--ds-soft-alpha) );
    --ds-color-secondary-tint: rgb( from var(--ds-color-secondary-default) r g b / var(--ds-soft-alpha) );
    --ds-color-success-tint: rgb( from var(--ds-color-success-default) r g b / var(--ds-soft-alpha) );
    --ds-color-warning-tint: rgb( from var(--ds-color-warning-default) r g b / var(--ds-soft-alpha) );
    --ds-color-danger-tint: rgb( from var(--ds-color-danger-default) r g b / var(--ds-soft-alpha) );
  }
  :root {
    --ds-accent: var(--ds-color-interactive-primary);
    --ds-glass-tint: 255 255 255;
  }
  html.dark {
    --ds-glass-tint: 0 0 0;
  }
  :root {
    --ds-tone-active-surface: var(--ds-color-tone-neutral-surface);
    --ds-tone-active-soft: var(--ds-color-tone-neutral-soft);
    --ds-tone-active-fg: var(--ds-color-tone-neutral-fg);
    --ds-tone-active-border: var(--ds-color-tone-neutral-border);
    --ds-tone-active-soft-fg: var(--ds-color-tone-neutral-soft-fg);
  }
  .ds-v--solid {
    --ds-recipe-bg: var(--ds-tone-active-surface);
    --ds-recipe-fg: var(--ds-tone-active-fg);
    --ds-recipe-border: transparent;
  }
  .ds-v--soft {
    --ds-recipe-bg: var(--ds-tone-active-soft);
    --ds-recipe-fg: var(--ds-tone-active-soft-fg);
    --ds-recipe-border: transparent;
  }
  .ds-v--outline {
    --ds-recipe-bg: transparent;
    --ds-recipe-fg: var(--ds-tone-active-soft-fg);
    --ds-recipe-border: var(--ds-tone-active-border);
  }
  .ds-v--ghost {
    --ds-recipe-bg: transparent;
    --ds-recipe-fg: var(--ds-tone-active-soft-fg);
    --ds-recipe-border: transparent;
  }
  .ds-v--dashed {
    --ds-recipe-bg: transparent;
    --ds-recipe-fg: var(--ds-tone-active-soft-fg);
    --ds-recipe-border: var(--ds-tone-active-border);
    --ds-recipe-border-style: dashed;
  }
  :root {
    --ds-overlay-tint: 15 17 21;
    --ds-highlight-tint: 255 255 255;
    --ds-secondary-edge-alpha: 0.18;
    --ds-glass-stroke-alpha: 0.1;
    --ds-glass-highlight-alpha: 0.4;
    --ds-state-hover-alpha: 0.05;
    --ds-state-active-alpha: 0.08;
    --ds-alpha-hover-wash: 0.12;
    --ds-hairline-alpha: 0.08;
    --ds-shelf-alpha: 0.02;
    --ds-surface-highlight-alpha: 0.6;
    --ds-scrim-alpha: 0.32;
    --ds-color-glass-thin: rgb( var(--ds-glass-tint) / calc(var(--ds-glass-fx-alpha) * 0.33) );
    --ds-color-glass-regular: rgb( var(--ds-glass-tint) / calc(var(--ds-glass-fx-alpha) * 0.83) );
    --ds-color-glass-thick: rgb( var(--ds-glass-tint) / calc(var(--ds-glass-fx-alpha) * 2.5) );
    --ds-color-glass-stroke: rgb( var(--ds-overlay-tint) / var(--ds-glass-stroke-alpha) );
    --ds-color-glass-highlight: rgb( 255 255 255 / var(--ds-glass-highlight-alpha) );
    --ds-color-scrim: rgb(0 0 0 / var(--ds-scrim-alpha));
    --ds-color-state-hover: rgb( var(--ds-overlay-tint) / var(--ds-state-hover-alpha) );
    --ds-color-state-active: rgb( var(--ds-overlay-tint) / var(--ds-state-active-alpha) );
    --ds-color-border-hairline: rgb( var(--ds-overlay-tint) / var(--ds-hairline-alpha) );
    --ds-color-surface-highlight: rgb( var(--ds-highlight-tint) / var(--ds-surface-highlight-alpha) );
    --ds-color-surface-shelf: rgb(var(--ds-overlay-tint) / var(--ds-shelf-alpha));
    --ds-color-secondary-edge: rgb( from var(--ds-color-secondary-default) r g b / var(--ds-secondary-edge-alpha) );
  }
  html.dark {
    --ds-overlay-tint: 255 255 255;
    --ds-highlight-tint: 229 196 120;
    --ds-secondary-edge-alpha: 0.3;
    --ds-glass-stroke-alpha: 0.14;
    --ds-glass-highlight-alpha: 0.16;
    --ds-state-hover-alpha: 0.06;
    --ds-state-active-alpha: 0.1;
    --ds-hairline-alpha: 0.1;
    --ds-shelf-alpha: 0.03;
    --ds-surface-highlight-alpha: 0.05;
    --ds-scrim-alpha: 0.48;
  }
  :root {
    --ds-grad-lighten: 14%;
    --ds-grad-darken: 12%;
    --ds-gradient-tone:
      linear-gradient(
        
        180deg,
        var(--grad-c, var(--ds-color-tone-neutral-surface)),
        var(--grad-c, var(--ds-color-tone-neutral-surface)),
        var(--grad-c, var(--ds-color-tone-neutral-surface)) );
    --ds-color-tone-neutral-gradient:
      linear-gradient(
        
        180deg,
        var(--ds-color-tone-neutral-surface),
        var(--ds-color-tone-neutral-surface),
        var(--ds-color-tone-neutral-surface) );
    --ds-color-tone-primary-gradient:
      linear-gradient(
        
        180deg,
        var(--ds-color-tone-primary-surface),
        var(--ds-color-tone-primary-surface),
        var(--ds-color-tone-primary-surface) );
    --ds-color-tone-secondary-gradient:
      linear-gradient(
        
        180deg,
        var(--ds-color-tone-secondary-surface),
        var(--ds-color-tone-secondary-surface),
        var(--ds-color-tone-secondary-surface) );
    --ds-color-tone-tertiary-gradient:
      linear-gradient(
        
        180deg,
        var(--ds-color-tone-tertiary-surface),
        var(--ds-color-tone-tertiary-surface),
        var(--ds-color-tone-tertiary-surface) );
    --ds-color-tone-success-gradient:
      linear-gradient(
        
        180deg,
        var(--ds-color-tone-success-surface),
        var(--ds-color-tone-success-surface),
        var(--ds-color-tone-success-surface) );
    --ds-color-tone-warning-gradient:
      linear-gradient(
        
        180deg,
        var(--ds-color-tone-warning-surface),
        var(--ds-color-tone-warning-surface),
        var(--ds-color-tone-warning-surface) );
    --ds-color-tone-danger-gradient:
      linear-gradient(
        
        180deg,
        var(--ds-color-tone-danger-surface),
        var(--ds-color-tone-danger-surface),
        var(--ds-color-tone-danger-surface) );
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-gradient-tone:
        linear-gradient(
          
          180deg,
          color-mix( in srgb, var(--grad-c, var(--ds-color-tone-neutral-surface)) calc(100% - var(--ds-grad-lighten)), #fff ),
          var(--grad-c, var(--ds-color-tone-neutral-surface)),
          color-mix( in srgb, var(--grad-c, var(--ds-color-tone-neutral-surface)) calc(100% - var(--ds-grad-darken)), #000 ) );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-neutral-gradient:
        linear-gradient(
          
          180deg,
          color-mix( in srgb, var(--ds-color-tone-neutral-surface) calc(100% - var(--ds-grad-lighten)), #fff ),
          var(--ds-color-tone-neutral-surface),
          color-mix( in srgb, var(--ds-color-tone-neutral-surface) calc(100% - var(--ds-grad-darken)), #000 ) );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-primary-gradient:
        linear-gradient(
          
          180deg,
          color-mix( in srgb, var(--ds-color-tone-primary-surface) calc(100% - var(--ds-grad-lighten)), #fff ),
          var(--ds-color-tone-primary-surface),
          color-mix( in srgb, var(--ds-color-tone-primary-surface) calc(100% - var(--ds-grad-darken)), #000 ) );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-secondary-gradient:
        linear-gradient(
          
          180deg,
          color-mix( in srgb, var(--ds-color-tone-secondary-surface) calc(100% - var(--ds-grad-lighten)), #fff ),
          var(--ds-color-tone-secondary-surface),
          color-mix( in srgb, var(--ds-color-tone-secondary-surface) calc(100% - var(--ds-grad-darken)), #000 ) );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-tertiary-gradient:
        linear-gradient(
          
          180deg,
          color-mix( in srgb, var(--ds-color-tone-tertiary-surface) calc(100% - var(--ds-grad-lighten)), #fff ),
          var(--ds-color-tone-tertiary-surface),
          color-mix( in srgb, var(--ds-color-tone-tertiary-surface) calc(100% - var(--ds-grad-darken)), #000 ) );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-success-gradient:
        linear-gradient(
          
          180deg,
          color-mix( in srgb, var(--ds-color-tone-success-surface) calc(100% - var(--ds-grad-lighten)), #fff ),
          var(--ds-color-tone-success-surface),
          color-mix( in srgb, var(--ds-color-tone-success-surface) calc(100% - var(--ds-grad-darken)), #000 ) );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-warning-gradient:
        linear-gradient(
          
          180deg,
          color-mix( in srgb, var(--ds-color-tone-warning-surface) calc(100% - var(--ds-grad-lighten)), #fff ),
          var(--ds-color-tone-warning-surface),
          color-mix( in srgb, var(--ds-color-tone-warning-surface) calc(100% - var(--ds-grad-darken)), #000 ) );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-danger-gradient:
        linear-gradient(
          
          180deg,
          color-mix( in srgb, var(--ds-color-tone-danger-surface) calc(100% - var(--ds-grad-lighten)), #fff ),
          var(--ds-color-tone-danger-surface),
          color-mix( in srgb, var(--ds-color-tone-danger-surface) calc(100% - var(--ds-grad-darken)), #000 ) );
    }
  }
  :root {
    --ds-color-tone-neutral-hover: var(--ds-color-tone-neutral-surface);
    --ds-color-tone-neutral-active: var(--ds-color-tone-neutral-surface);
    --ds-color-tone-primary-hover: var(--ds-color-tone-primary-surface);
    --ds-color-tone-primary-active: var(--ds-color-tone-primary-surface);
    --ds-color-tone-secondary-hover: var(--ds-color-tone-secondary-surface);
    --ds-color-tone-secondary-active: var(--ds-color-tone-secondary-surface);
    --ds-color-tone-tertiary-hover: var(--ds-color-tone-tertiary-surface);
    --ds-color-tone-tertiary-active: var(--ds-color-tone-tertiary-surface);
    --ds-color-tone-success-hover: var(--ds-color-tone-success-surface);
    --ds-color-tone-success-active: var(--ds-color-tone-success-surface);
    --ds-color-tone-warning-hover: var(--ds-color-tone-warning-surface);
    --ds-color-tone-warning-active: var(--ds-color-tone-warning-surface);
    --ds-color-tone-danger-hover: var(--ds-color-tone-danger-surface);
    --ds-color-tone-danger-active: var(--ds-color-tone-danger-surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-neutral-hover: color-mix( in srgb, var(--ds-color-tone-neutral-surface) 92%, #000 );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-neutral-active: color-mix( in srgb, var(--ds-color-tone-neutral-surface) 86%, #000 );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-primary-hover: color-mix( in srgb, var(--ds-color-tone-primary-surface) 92%, #000 );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-primary-active: color-mix( in srgb, var(--ds-color-tone-primary-surface) 86%, #000 );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-secondary-hover: color-mix( in srgb, var(--ds-color-tone-secondary-surface) 92%, #000 );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-secondary-active: color-mix( in srgb, var(--ds-color-tone-secondary-surface) 86%, #000 );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-tertiary-hover: color-mix( in srgb, var(--ds-color-tone-tertiary-surface) 92%, #000 );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-tertiary-active: color-mix( in srgb, var(--ds-color-tone-tertiary-surface) 86%, #000 );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-success-hover: color-mix( in srgb, var(--ds-color-tone-success-surface) 92%, #000 );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-success-active: color-mix( in srgb, var(--ds-color-tone-success-surface) 86%, #000 );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-warning-hover: color-mix( in srgb, var(--ds-color-tone-warning-surface) 92%, #000 );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-warning-active: color-mix( in srgb, var(--ds-color-tone-warning-surface) 86%, #000 );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-danger-hover: color-mix( in srgb, var(--ds-color-tone-danger-surface) 92%, #000 );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ds-color-tone-danger-active: color-mix( in srgb, var(--ds-color-tone-danger-surface) 86%, #000 );
    }
  }
  .ds-input {
    font-family: var(--ds-font-family-sans);
    font-weight: 400;
    font-size: var(--ds-input-font-size, var(--ds-font-size-sm));
    line-height: 1;
    width: 100%;
    height: var(--ds-input-height, 32px);
    padding: 0 var(--ds-input-padding-x, var(--ds-space-sm));
    background: var(--ds-input-bg, var(--ds-color-surface-1));
    backdrop-filter: var(--ds-input-backdrop-filter, none);
    -webkit-backdrop-filter: var(--ds-input-backdrop-filter, none);
    border: none;
    border-radius: var(--ds-input-radius, var(--ds-radius-md));
    color: var(--ds-input-fg, var(--ds-color-text-primary));
    box-shadow:
      inset 0 0 0 1px var(--ds-input-border, var(--ds-color-border-default)),
      inset 0 1px 0 var(--ds-color-surface-highlight),
      var(--ds-shadow-xs);
    transition: box-shadow var(--ds-dur-base) var(--ds-ease-emphasis), background var(--ds-dur-base) var(--ds-ease-emphasis);
    box-sizing: border-box;
  }
  .ds-input::placeholder {
    color: var(--ds-input-placeholder, var(--ds-color-text-tertiary));
  }
  .ds-input:focus,
  .ds-input:focus-visible {
    outline: none;
    background: var(--ds-color-surface-1);
    box-shadow:
      inset 0 0 0 1px var(--ds-input-border-focus, var(--ds-color-border-focus)),
      0 0 0 2px var(--ds-color-surface-0),
      0 0 0 4px var(--ds-input-ring, var(--ds-color-interactive-primary));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ds-input:focus,
    .ds-input:focus-visible {
      box-shadow:
        inset 0 0 0 1px var(--ds-input-border-focus, var(--ds-color-border-focus)),
        0 0 0 2px var(--ds-color-surface-0),
        0 0 0 4px color-mix(in srgb, var(--ds-input-ring, var(--ds-color-interactive-primary)) 30%, transparent);
    }
  }
  .ds-input:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }
  .ds-input[aria-invalid=true] {
    box-shadow:
      inset 0 0 0 1px var(--ds-input-border-error, var(--ds-color-danger-default)),
      inset 0 1px 0 var(--ds-color-surface-highlight),
      var(--ds-shadow-xs);
  }
  .ds-input[aria-invalid=true]:focus,
  .ds-input[aria-invalid=true]:focus-visible {
    box-shadow:
      inset 0 0 0 1px var(--ds-input-border-error, var(--ds-color-danger-default)),
      0 0 0 2px var(--ds-color-surface-0),
      0 0 0 4px var(--ds-input-border-error, var(--ds-color-danger-default));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ds-input[aria-invalid=true]:focus,
    .ds-input[aria-invalid=true]:focus-visible {
      box-shadow:
        inset 0 0 0 1px var(--ds-input-border-error, var(--ds-color-danger-default)),
        0 0 0 2px var(--ds-color-surface-0),
        0 0 0 4px color-mix(in srgb, var(--ds-input-border-error, var(--ds-color-danger-default)) 30%, transparent);
    }
  }
  textarea.ds-input {
    height: auto;
    min-height: 80px;
    padding: var(--ds-input-textarea-padding-y, var(--ds-space-xs)) var(--ds-input-padding-x, var(--ds-space-sm));
    line-height: 1.5;
    resize: vertical;
  }
  .ds-input--sm {
    width: 2.1rem;
    height: auto;
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    color: var(--ds-color-text-primary);
    font-family: var(--ds-font-family-mono);
    font-size: var(--ds-input-sm-font-size, var(--ds-font-size-xs));
    font-weight: var(--ds-font-weight-medium);
    text-align: right;
    -moz-appearance: textfield;
    appearance: textfield;
  }
  .ds-input--sm::-webkit-outer-spin-button,
  .ds-input--sm::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .ds-input--sm:focus,
  .ds-input--sm:focus-visible {
    outline: none;
    background: transparent;
    box-shadow: none;
  }
  .ds-input--sm:disabled {
    opacity: 0.65;
    cursor: default;
  }
  .ds-form-field__leading {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    color: var(--ds-color-text-secondary);
    pointer-events: none;
    z-index: 1;
    transition: color var(--ds-dur-fast) var(--ds-ease-emphasis);
  }
  .ds-form-field__control:has(.ds-form-field__leading) .ds-input {
    padding-left: 36px;
  }
  .ds-form-field__control:has(.ds-input:focus) .ds-form-field__leading,
  .ds-form-field__control:has(.ds-input:focus-visible) .ds-form-field__leading {
    color: var(--ds-color-text-primary);
  }
  .ds-btn {
    position: relative;
    vertical-align: middle;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--ds-button-gap, var(--ds-space-xs));
    font-family: var(--ds-font-family-sans);
    font-weight: var(--ds-button-font-weight, 500);
    letter-spacing: -0.008em;
    line-height: 1;
    cursor: pointer;
    border: 1px var(--ds-recipe-border-style, solid) var(--ds-recipe-border, transparent);
    border-radius: var(--ds-button-radius, var(--ds-radius-lg));
    background: linear-gradient(var(--ds-state-wash, transparent) 0 0), var(--ds-fill, var(--ds-recipe-bg, var(--ds-tone-active-surface)));
    -webkit-backdrop-filter: var(--ds-blur, none);
    backdrop-filter: var(--ds-blur, none);
    color: var(--ds-recipe-fg, var(--ds-tone-active-fg));
    box-shadow: var(--ds-button-shadow, var(--ds-shadow-button-resting));
    transition:
      transform var(--ds-dur-base) var(--ds-ease-emphasis),
      box-shadow var(--ds-dur-base) var(--ds-ease-emphasis),
      background var(--ds-dur-base) var(--ds-ease-emphasis);
    will-change: transform, box-shadow;
  }
  .ds-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    --ds-button-shadow: var(--ds-shadow-button-primary-hover);
  }
  .ds-btn:active:not(:disabled) {
    transform: translateY(0);
    transition-duration: 80ms;
  }
  .ds-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .ds-btn:focus-visible,
  .ds-btn.ds-btn--force-focused {
    outline: var(--ds-button-focus-ring-width, 3px) solid var(--ds-tone-active-border);
    outline-offset: var(--ds-button-focus-ring-offset, var(--ds-space-3xs));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ds-btn:focus-visible,
    .ds-btn.ds-btn--force-focused {
      outline: var(--ds-button-focus-ring-width, 3px) solid color-mix(in srgb, var(--ds-tone-active-border) 55%, transparent);
    }
  }
  .ds-btn--sm.ds-btn--pill {
    height: 27px;
    padding: 0 11px;
    font-size: var(--ds-font-size-xs);
    border-radius: var(--ds-radius-md);
  }
  .ds-btn--md.ds-btn--pill {
    height: var(--ds-button-height, 33px);
    padding: 0 var(--ds-button-padding-x, var(--ds-space-md));
    font-size: var(--ds-button-font-size, var(--ds-font-size-sm));
    border-radius: var(--ds-button-radius, var(--ds-radius-lg));
  }
  .ds-btn--lg.ds-btn--pill {
    height: 42px;
    padding: 0 var(--ds-space-lg);
    font-size: var(--ds-font-size-base);
    border-radius: var(--ds-radius-lg);
  }
  .ds-btn--sm.ds-btn--square,
  .ds-btn--sm.ds-btn--circle {
    width: 27px;
    height: 27px;
    padding: 0;
  }
  .ds-btn--md.ds-btn--square,
  .ds-btn--md.ds-btn--circle {
    width: var(--ds-button-height, 33px);
    height: var(--ds-button-height, 33px);
    padding: 0;
  }
  .ds-btn--lg.ds-btn--square,
  .ds-btn--lg.ds-btn--circle {
    width: 42px;
    height: 42px;
    padding: 0;
  }
  .ds-btn--square {
    border-radius: var(--ds-button-radius, var(--ds-radius-lg));
  }
  .ds-btn--sm.ds-btn--square {
    border-radius: var(--ds-radius-md);
  }
  .ds-btn--lg.ds-btn--square {
    border-radius: var(--ds-radius-lg);
  }
  .ds-btn--circle {
    border-radius: 50%;
  }
  .ds-btn.ds-v--soft,
  .ds-btn.ds-v--outline,
  .ds-btn.ds-v--ghost,
  .ds-btn.ds-v--dashed {
    --ds-button-shadow: none;
  }
  .ds-btn.ds-v--soft:hover:not(:disabled),
  .ds-btn.ds-v--outline:hover:not(:disabled),
  .ds-btn.ds-v--ghost:hover:not(:disabled),
  .ds-btn.ds-v--dashed:hover:not(:disabled) {
    --ds-button-shadow: none;
    transform: none;
    --ds-state-wash: rgb( from var(--ds-tone-active-surface) r g b / var(--ds-alpha-hover-wash) );
  }
  .ds-btn > [dsButtonBadge] {
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 1;
    box-shadow: 0 0 0 2px var(--ds-color-surface-0);
  }
  .ds-btn--has-dot::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ds-color-danger-default);
    box-shadow: 0 0 0 2px var(--ds-color-surface-0);
    pointer-events: none;
  }
  .ds-btn--loading {
    color: transparent;
    pointer-events: none;
  }
  .ds-btn--loading > * {
    visibility: hidden;
  }
  .ds-btn--loading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.15em;
    height: 1.15em;
    margin: -0.575em 0 0 -0.575em;
    border-radius: 50%;
    background-color: var( --ds-recipe-fg, var(--ds-tone-active-fg, var(--ds-color-text-primary)) );
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='20' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-dasharray='80 40'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='20' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-dasharray='80 40'/%3E%3C/svg%3E") center / contain no-repeat;
    animation: ds-btn-spin 1s linear infinite;
  }
  @keyframes ds-btn-spin {
    to {
      transform: rotate(360deg);
    }
  }
  .ds-link {
    color: var(--ds-color-text-link);
    text-decoration: none;
    text-underline-offset: 0.15em;
    border-radius: var(--ds-radius-xs);
    cursor: pointer;
    transition: color var(--ds-dur-fast) var(--ds-ease-emphasis);
  }
  .ds-link:hover {
    text-decoration: underline;
  }
  .ds-link:focus-visible {
    outline: 2px solid var(--ds-color-text-link);
    outline-offset: 2px;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ds-link:focus-visible {
      outline: 2px solid color-mix(in srgb, var(--ds-color-text-link) 55%, transparent);
    }
  }
  .ds-link--muted {
    color: var(--ds-color-text-secondary);
  }
  .ds-link--muted:hover {
    color: var(--ds-color-text-primary);
  }
  @keyframes ds-dialog__backdrop-in {
    from {
      opacity: 0;
      backdrop-filter: blur(0);
      -webkit-backdrop-filter: blur(0);
    }
    to {
      opacity: 1;
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
    }
  }
  @keyframes ds-dialog__backdrop-out {
    from {
      opacity: 1;
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
    }
    to {
      opacity: 0;
      backdrop-filter: blur(0);
      -webkit-backdrop-filter: blur(0);
    }
  }
  @keyframes ds-dialog__panel-in {
    from {
      opacity: 0;
      transform: scale(0.97) translateY(4px);
    }
    to {
      opacity: 1;
      transform: scale(1) translateY(0);
    }
  }
  @keyframes ds-dialog__panel-out {
    from {
      opacity: 1;
      transform: scale(1) translateY(0);
    }
    to {
      opacity: 0;
      transform: scale(0.97) translateY(4px);
    }
  }
  .ds-dialog__backdrop--leaving {
    animation: ds-dialog__backdrop-out var(--ds-dur-base) cubic-bezier(0.4, 0, 1, 1) forwards !important;
  }
  .ds-dialog__panel--leaving ds-dialog-shell {
    animation: ds-dialog__panel-out var(--ds-dur-base) cubic-bezier(0.4, 0, 1, 1) forwards !important;
  }
  .ds-dialog__backdrop {
    background:
      radial-gradient(
        circle at 18% 30%,
        var(--ds-dialog-backdrop-1, rgba(107, 136, 87, 0.22)),
        transparent 55%),
      radial-gradient(
        circle at 80% 22%,
        var(--ds-dialog-backdrop-2, rgba(161, 117, 96, 0.2)),
        transparent 55%),
      radial-gradient(
        circle at 60% 90%,
        var(--ds-dialog-backdrop-3, rgba(229, 203, 133, 0.45)),
        transparent 60%),
      linear-gradient(
        180deg,
        var(--ds-dialog-backdrop-scrim-top, rgba(58, 48, 28, 0.16)) 0%,
        var(--ds-dialog-backdrop-scrim-bottom, rgba(58, 48, 28, 0.2)) 100%);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    animation: ds-dialog__backdrop-in var(--ds-dur-base) var(--ds-ease-emphasis);
  }
  .dark .ds-dialog__backdrop {
    background:
      radial-gradient(
        circle at 18% 30%,
        var(--ds-dialog-backdrop-1, rgba(140, 175, 110, 0.32)),
        transparent 55%),
      radial-gradient(
        circle at 80% 22%,
        var(--ds-dialog-backdrop-2, rgba(200, 145, 115, 0.3)),
        transparent 55%),
      radial-gradient(
        circle at 60% 90%,
        var(--ds-dialog-backdrop-3, rgba(229, 203, 133, 0.25)),
        transparent 60%),
      var(--ds-dialog-backdrop-scrim, rgba(0, 0, 0, 0.4));
  }
  .ds-dialog__panel {
    display: contents;
  }
  .ds-dialog__panel ds-dialog-shell {
    animation: ds-dialog__panel-in var(--ds-dur-base) var(--ds-ease-emphasis);
  }
  .ds-menu__item {
    display: flex;
    align-items: center;
    gap: var(--ds-menu-item-gap, var(--ds-space-xs));
    padding: var(--ds-menu-item-padding-y, var(--ds-space-xs)) var(--ds-menu-item-padding-x, var(--ds-space-sm));
    border-radius: var(--ds-menu-item-radius, var(--ds-radius-sm));
    background: transparent;
    border: none;
    color: var(--ds-menu-item-fg, var(--ds-color-text-body));
    font-family: var(--ds-font-family-sans);
    font-size: var(--ds-menu-item-font-size, var(--ds-font-size-sm));
    letter-spacing: -0.005em;
    cursor: pointer;
    text-align: left;
    width: 100%;
    transition: background var(--ds-dur-fast) var(--ds-ease-emphasis), color var(--ds-dur-fast) var(--ds-ease-emphasis);
  }
  .ds-menu__item:hover,
  .ds-menu__item:focus,
  .ds-menu__item:focus-visible {
    background: var(--ds-menu-item-hover-bg, var(--ds-color-state-hover));
    color: var(--ds-menu-item-hover-fg, var(--ds-color-text-primary));
    outline: none;
  }
  .ds-menu__item[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .ds-menu__item-label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
  }
  .ds-menu__item-value {
    flex: 0 0 auto;
    color: var(--ds-menu-item-value-fg, var(--ds-color-text-tertiary));
    font-size: var(--ds-menu-item-value-font-size, var(--ds-font-size-xs));
  }
  .ds-menu__item--submenu::after {
    content: "";
    flex: 0 0 auto;
    width: 0.42em;
    height: 0.42em;
    margin-left: auto;
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.55;
  }
  .ds-menu__section {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-2xs);
    padding: var(--ds-space-2xs) var(--ds-space-xs);
  }
  .ds-menu__section-label {
    font-family: var(--ds-font-family-sans);
    font-size: var(--ds-menu-section-label-font-size, var(--ds-font-size-2xs));
    font-weight: var( --ds-menu-section-label-font-weight, var(--ds-font-weight-bold) );
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ds-menu-section-label-fg, var(--ds-color-text-tertiary));
  }
  .ds-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: var(--ds-font-family-sans);
    font-size: var(--ds-table-font-size, var(--ds-font-size-sm));
    color: var(--ds-table-fg, var(--ds-color-text-body));
  }
  .ds-table__header {
    text-align: left;
    font-weight: 500;
    font-size: var(--ds-table-header-font-size, var(--ds-font-size-2xs));
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ds-table-header-fg, var(--ds-color-text-secondary));
    padding: var(--ds-table-cell-padding-y, var(--ds-space-xs)) var(--ds-table-cell-padding-x, var(--ds-space-sm));
    border-bottom: 1px solid var(--ds-table-border, var(--ds-color-border-subtle));
    background: var(--ds-table-header-bg, var(--ds-color-surface-header));
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .ds-table__cell {
    padding: var(--ds-table-cell-padding-y, var(--ds-space-xs)) var(--ds-table-cell-padding-x, var(--ds-space-sm));
    border-bottom: 1px solid var(--ds-table-border, var(--ds-color-border-subtle));
    color: var(--ds-table-cell-fg, var(--ds-color-text-primary));
  }
  .ds-table__row:hover .ds-table__cell {
    background: var(--ds-table-row-hover-bg, var(--ds-color-state-hover));
  }
  .ds-table__row--selected .ds-table__cell,
  .ds-table__row--selected:hover .ds-table__cell {
    background: var( --ds-table-row-selected-bg, var(--ds-color-interactive-primary-tint) );
    color: var(--ds-table-row-selected-fg, var(--ds-color-text-primary));
  }
  .ds-table__select-cell,
  .ds-table__select-all {
    width: 1%;
    white-space: nowrap;
    text-align: center;
  }
  .ds-table__row:last-child .ds-table__cell {
    border-bottom: none;
  }
  .ds-table--layout-fixed {
    table-layout: fixed;
  }
  .ds-table__header--align-center,
  .ds-table__cell--align-center {
    text-align: center;
  }
  .ds-table__header--align-end,
  .ds-table__cell--align-end {
    text-align: end;
  }
  .ds-table__sticky-start {
    position: sticky;
    left: 0;
    z-index: 0;
    background-color: var(--ds-table-sticky-bg, var(--ds-color-surface-1));
    border-right: 1px solid var(--ds-table-sticky-border, var(--ds-color-border-subtle));
  }
  .ds-table__row:hover .ds-table__cell.ds-table__sticky-start {
    background-color: var(--ds-table-sticky-bg, var(--ds-color-surface-1));
    background-image: linear-gradient(var(--ds-table-row-hover-bg, var(--ds-color-state-hover)), var(--ds-table-row-hover-bg, var(--ds-color-state-hover)));
  }
  .ds-table__row--selected .ds-table__cell.ds-table__sticky-start,
  .ds-table__row--selected:hover .ds-table__cell.ds-table__sticky-start {
    background-color: var(--ds-table-sticky-bg, var(--ds-color-surface-1));
    background-image: linear-gradient(var(--ds-table-row-selected-bg, var(--ds-color-interactive-primary-tint)), var(--ds-table-row-selected-bg, var(--ds-color-interactive-primary-tint)));
    color: var(--ds-table-row-selected-fg, var(--ds-color-text-primary));
  }
  .ds-table__header.ds-table__sticky-start {
    z-index: 2;
    background-color: var(--ds-table-header-bg, var(--ds-color-surface-header));
  }
  .ds-table__row--activatable {
    cursor: pointer;
  }
  .ds-table__row--activatable:focus-visible {
    outline: 2px solid var(--ds-table-row-activate-focus-ring, var(--ds-color-interactive-primary));
    outline-offset: -2px;
  }
  [dsSidebarBrand] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 10px 16px;
    font-family: var(--ds-font-family-display);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--ds-color-text-primary);
  }
  [dsSidebarSchoolPin] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: -8px 0 12px;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: -0.005em;
    color: var(--ds-color-text-secondary);
    cursor: pointer;
    text-decoration: none;
    transition: background var(--ds-dur-fast) var(--ds-ease-emphasis), color var(--ds-dur-fast) var(--ds-ease-emphasis);
  }
  [dsSidebarSchoolPin] > :first-child {
    flex: none;
    color: var(--ds-color-text-tertiary);
  }
  [dsSidebarSchoolPin] > span {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  [dsSidebarSchoolPin]:hover {
    background: var(--ds-color-state-hover);
    color: var(--ds-color-text-primary);
  }
  [dsSidebarSchoolPin].ds-sidebar-school-pin--active {
    background: var(--ds-color-interactive-primary-tint);
    color: var(--ds-color-interactive-primary-hover);
    font-weight: 600;
  }
  [dsSidebarSchoolPin].ds-sidebar-school-pin--active > :first-child {
    color: var(--ds-color-interactive-primary);
  }
  [dsSidebarSection] {
    display: block;
    margin: 14px 8px 4px;
    font-size: 10.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ds-color-text-tertiary);
    font-weight: 500;
  }
  a[dsSidebarSection],
  button[dsSidebarSection] {
    background: none;
    border: none;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    padding: 2px 4px;
    margin-left: 4px;
    transition: color var(--ds-dur-fast) var(--ds-ease-emphasis), background var(--ds-dur-fast) var(--ds-ease-emphasis);
  }
  a[dsSidebarSection]:hover,
  button[dsSidebarSection]:hover {
    color: var(--ds-color-text-secondary);
    background: var(--ds-color-state-hover);
  }
  a[dsSidebarSection]:focus-visible,
  button[dsSidebarSection]:focus-visible {
    outline: 2px solid var(--ds-color-interactive-primary);
    outline-offset: 1px;
  }
  [dsSidebarFooter] {
    margin-top: auto;
    padding: 10px 6px 6px;
    border-top: 1px solid var(--ds-color-border-subtle);
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .ds-sidebar--compact [dsSidebarSection],
  .ds-sidebar--compact [dsSidebarBrand] > :not(:first-child),
  .ds-sidebar--compact [dsSidebarFooter] > :not(:first-child),
  .ds-sidebar--compact [dsSidebarSchoolPin] > span {
    display: none;
  }
  .ds-sidebar--compact [dsSidebarSchoolPin] {
    justify-content: center;
    padding: 6px 4px;
  }
  .ds-glass {
    background: var(--ds-color-glass-regular);
    backdrop-filter: blur(var(--ds-blur-sm, 4px));
    -webkit-backdrop-filter: blur(var(--ds-blur-sm, 4px));
    border-radius: 14px;
    box-shadow:
      inset 0 1px 0 var(--ds-color-glass-highlight),
      inset 0 0 0 1px var(--ds-color-glass-stroke),
      var(--ds-shadow-md);
  }
  .ds-glass--thin {
    background: var(--ds-color-glass-thin);
  }
  .ds-glass--thick {
    background: var(--ds-color-glass-thick);
  }
  .ds-glass--ds-blur-sm {
    backdrop-filter: blur(var(--ds-blur-sm, 4px));
    -webkit-backdrop-filter: blur(var(--ds-blur-sm, 4px));
  }
  .ds-glass--ds-blur-md {
    backdrop-filter: blur(var(--ds-blur-md, 8px));
    -webkit-backdrop-filter: blur(var(--ds-blur-md, 8px));
  }
  .ds-glass--ds-blur-lg {
    backdrop-filter: blur(var(--ds-blur-lg, 16px));
    -webkit-backdrop-filter: blur(var(--ds-blur-lg, 16px));
  }
  ds-card.ds-glass {
    background: var(--ds-color-glass-regular);
    box-shadow: inset 0 0 0 1px var(--ds-color-glass-stroke), var(--ds-shadow-sm);
  }
  ds-card.ds-glass.ds-glass--thin {
    background: var(--ds-color-glass-thin);
  }
  ds-card.ds-glass.ds-glass--thick {
    background: var(--ds-color-glass-thick);
  }
  :root {
    --ds-atmosphere-aurora:
      radial-gradient(
        
        circle at 18% 30%,
        rgba(107, 136, 87, 0.2),
        transparent 55% ),
      radial-gradient(
        
        circle at 80% 22%,
        rgba(161, 117, 96, 0.18),
        transparent 55% ),
      radial-gradient(
        
        circle at 60% 90%,
        rgba(229, 203, 133, 0.55),
        transparent 60% );
    --ds-atmosphere-sky:
      radial-gradient(
        
        circle at 20% 25%,
        rgba(107, 136, 87, 0.18),
        transparent 55% ),
      radial-gradient(
        
        circle at 80% 80%,
        rgba(107, 136, 87, 0.08),
        transparent 55% );
    --ds-atmosphere-bloom:
      radial-gradient(
        
        circle at 25% 30%,
        rgba(161, 117, 96, 0.22),
        transparent 55% ),
      radial-gradient(
        circle at 75% 75%,
        rgba(161, 117, 96, 0.1),
        transparent 55%);
    --ds-atmosphere-parchment:
      radial-gradient(
        
        circle at 25% 30%,
        rgba(217, 149, 74, 0.2),
        transparent 55% ),
      radial-gradient(
        
        circle at 80% 75%,
        rgba(217, 149, 74, 0.08),
        transparent 55% );
    --ds-atmosphere-meadow:
      radial-gradient(
        
        circle at 22% 30%,
        rgba(90, 141, 110, 0.22),
        transparent 55% ),
      radial-gradient(
        circle at 78% 75%,
        rgba(90, 141, 110, 0.1),
        transparent 55%);
    --ds-atmosphere-sunset:
      radial-gradient(
        
        circle at 25% 30%,
        rgba(199, 105, 84, 0.18),
        transparent 55% ),
      radial-gradient(
        
        circle at 75% 75%,
        rgba(199, 105, 84, 0.08),
        transparent 55% );
    --ds-atmosphere-paper:
      radial-gradient(
        circle at 25% 25%,
        rgba(46, 38, 24, 0.05),
        transparent 55%),
      radial-gradient(
        circle at 80% 80%,
        rgba(46, 38, 24, 0.03),
        transparent 55%);
    --ds-atmosphere-horizon:
      linear-gradient(
        
        135deg,
        #f3ead0 0%,
        #e5d5b5 50%,
        #c5a37c 100% );
    --ds-atmosphere-twilight:
      linear-gradient(
        
        135deg,
        #f4ebe5 0%,
        #e9d5cc 60%,
        #c8a697 100% );
  }
  .ds-atmosphere--aurora {
    background:
      var(--ds-atmosphere-aurora),
      linear-gradient(
        180deg,
        #fffbef 0%,
        #faf3df 100%);
  }
  .ds-atmosphere--sky {
    background:
      var(--ds-atmosphere-sky),
      linear-gradient(
        180deg,
        #f8f4e0 0%,
        #f3ead0 100%);
  }
  .ds-atmosphere--bloom {
    background:
      var(--ds-atmosphere-bloom),
      linear-gradient(
        180deg,
        #faefe5 0%,
        #f4e1d2 100%);
  }
  .ds-atmosphere--parchment {
    background:
      var(--ds-atmosphere-parchment),
      linear-gradient(
        180deg,
        #fdf5dc 0%,
        #f5e2b5 100%);
  }
  .ds-atmosphere--meadow {
    background:
      var(--ds-atmosphere-meadow),
      linear-gradient(
        180deg,
        #f2f7ee 0%,
        #e5efda 100%);
  }
  .ds-atmosphere--sunset {
    background:
      var(--ds-atmosphere-sunset),
      linear-gradient(
        180deg,
        #fdf1e8 0%,
        #f9e2d0 100%);
  }
  .ds-atmosphere--paper {
    background:
      var(--ds-atmosphere-paper),
      linear-gradient(
        180deg,
        #fffbef 0%,
        #f9eed1 100%);
  }
  .ds-atmosphere--horizon {
    background: var(--ds-atmosphere-horizon);
  }
  .ds-atmosphere--twilight {
    background: var(--ds-atmosphere-twilight);
  }
  html.dark {
    --ds-atmosphere-aurora:
      radial-gradient(
        
        circle at 18% 30%,
        rgba(107, 136, 87, 0.18),
        transparent 55% ),
      radial-gradient(
        
        circle at 80% 22%,
        rgba(161, 117, 96, 0.16),
        transparent 55% ),
      radial-gradient(
        
        circle at 60% 90%,
        rgba(229, 203, 133, 0.1),
        transparent 60% );
    --ds-atmosphere-sky:
      radial-gradient(
        
        circle at 20% 25%,
        rgba(107, 136, 87, 0.14),
        transparent 55% );
    --ds-atmosphere-bloom:
      radial-gradient(
        
        circle at 25% 30%,
        rgba(161, 117, 96, 0.18),
        transparent 55% );
    --ds-atmosphere-parchment:
      radial-gradient(
        
        circle at 25% 30%,
        rgba(217, 149, 74, 0.14),
        transparent 55% );
    --ds-atmosphere-meadow:
      radial-gradient(
        
        circle at 22% 30%,
        rgba(90, 141, 110, 0.18),
        transparent 55% );
    --ds-atmosphere-sunset:
      radial-gradient(
        
        circle at 25% 30%,
        rgba(199, 105, 84, 0.16),
        transparent 55% );
    --ds-atmosphere-paper: none;
    --ds-atmosphere-horizon:
      linear-gradient(
        
        135deg,
        rgba(107, 136, 87, 0.2),
        rgba(107, 136, 87, 0.08) );
    --ds-atmosphere-twilight:
      linear-gradient(
        
        135deg,
        rgba(161, 117, 96, 0.22),
        rgba(161, 117, 96, 0.08) );
  }
  .dark .ds-atmosphere--aurora {
    background: var(--ds-atmosphere-aurora), var(--ds-color-surface-0);
  }
  .dark .ds-atmosphere--sky {
    background: var(--ds-atmosphere-sky), var(--ds-color-surface-0);
  }
  .dark .ds-atmosphere--bloom {
    background: var(--ds-atmosphere-bloom), var(--ds-color-surface-0);
  }
  .dark .ds-atmosphere--parchment {
    background: var(--ds-atmosphere-parchment), var(--ds-color-surface-0);
  }
  .dark .ds-atmosphere--meadow {
    background: var(--ds-atmosphere-meadow), var(--ds-color-surface-0);
  }
  .dark .ds-atmosphere--sunset {
    background: var(--ds-atmosphere-sunset), var(--ds-color-surface-0);
  }
  .dark .ds-atmosphere--paper {
    background: var(--ds-atmosphere-paper), var(--ds-color-surface-0);
  }
  .dark .ds-atmosphere--horizon {
    background: var(--ds-atmosphere-horizon), var(--ds-color-surface-0);
  }
  .dark .ds-atmosphere--twilight {
    background: var(--ds-atmosphere-twilight), var(--ds-color-surface-0);
  }
  .ds-popover__panel {
    background: var(--ds-popover-bg, var(--ds-color-surface-overlay));
    -webkit-backdrop-filter: blur(var(--ds-glass-fx-blur));
    backdrop-filter: blur(var(--ds-glass-fx-blur));
    border-radius: var(--ds-popover-radius, var(--ds-radius-lg));
    box-shadow: inset 0 0 0 1px var(--ds-popover-border, var(--ds-color-border-subtle)), var(--ds-shadow-lg);
    padding: var(--ds-popover-padding-y, var(--ds-space-sm)) var(--ds-popover-padding-x, var(--ds-space-md));
    min-width: 220px;
    max-width: 320px;
    font-family: var(--ds-font-family-sans);
    font-size: var(--ds-popover-font-size, var(--ds-font-size-sm));
    color: var(--ds-popover-fg, var(--ds-color-text-primary));
    line-height: 1.45;
  }
  .ds-popover__panel .ds-popover__eyebrow {
    font-size: 10.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var( --ds-popover-eyebrow-fg, var(--ds-tone-active-soft-fg, var(--ds-color-tone-neutral-soft-fg)) );
    margin: 0 0 6px;
    font-weight: 500;
    font-family: var(--ds-font-family-mono, ui-monospace, monospace);
  }
  .ds-popover__panel h4 {
    margin: 0 0 6px;
    font-size: var(--ds-popover-title-font-size, var(--ds-font-size-base));
    font-weight: 600;
  }
  .ds-popover__panel p {
    margin: 0;
    color: var(--ds-popover-body-fg, var(--ds-color-text-body));
  }
  .ds-popover__backdrop {
    background: transparent;
  }
  .ds-rich-select__panel {
    background: var(--ds-rich-select-panel-bg, var(--ds-color-surface-overlay));
    -webkit-backdrop-filter: blur(var(--ds-glass-fx-blur));
    backdrop-filter: blur(var(--ds-glass-fx-blur));
    border-radius: var(--ds-rich-select-panel-radius, var(--ds-radius-md));
    box-shadow: inset 0 0 0 1px var(--ds-rich-select-panel-border, var(--ds-color-border-subtle)), var(--ds-shadow-lg);
    padding: var(--ds-rich-select-panel-padding-x, var(--ds-space-2xs));
    min-width: 160px;
    max-height: 320px;
    overflow-y: auto;
  }
  .ds-rich-select__panel--glass {
    background: var(--ds-color-glass-thick);
    -webkit-backdrop-filter: blur(var(--ds-blur-md, 12px)) saturate(1.05);
    backdrop-filter: blur(var(--ds-blur-md, 12px)) saturate(1.05);
    box-shadow: inset 0 0 0 1px var(--ds-color-glass-stroke), var(--ds-shadow-lg);
  }
  .ds-rich-select__backdrop {
    background: transparent;
  }
  .ds-select__backdrop {
    background: transparent;
  }
  .ds-no-select {
    user-select: none;
    -webkit-user-select: none;
    cursor: default;
  }
  .ds-selectable {
    user-select: text;
    -webkit-user-select: text;
    cursor: auto;
  }
}
@layer eduari.components {
  .ds-hatch {
    --ds-hatch-color: currentColor;
    --ds-hatch-base: transparent;
    --ds-hatch-strength: 7%;
    --ds-hatch-size: 7px;
    --ds-hatch-angle: -45deg;
    background-image:
      repeating-linear-gradient(
        var(--ds-hatch-angle, -45deg),
        var(--ds-hatch-base, transparent) 0,
        var(--ds-hatch-base, transparent) var(--ds-hatch-size, 7px),
        var(--ds-hatch-color, currentColor) var(--ds-hatch-size, 7px),
        var(--ds-hatch-color, currentColor) calc(var(--ds-hatch-size, 7px) * 2));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ds-hatch {
      background-image:
        repeating-linear-gradient(
          var(--ds-hatch-angle, -45deg),
          var(--ds-hatch-base, transparent) 0,
          var(--ds-hatch-base, transparent) var(--ds-hatch-size, 7px),
          color-mix(in srgb, var(--ds-hatch-color, currentColor) var(--ds-hatch-strength, 7%), var(--ds-hatch-base, transparent)) var(--ds-hatch-size, 7px),
          color-mix(in srgb, var(--ds-hatch-color, currentColor) var(--ds-hatch-strength, 7%), var(--ds-hatch-base, transparent)) calc(var(--ds-hatch-size, 7px) * 2));
    }
  }
}
@layer eduari.page {
  html {
    color-scheme: light;
  }
  html.dark {
    color-scheme: dark;
  }
  body {
    background-color: var(--ds-color-surface-0);
    color: var(--ds-color-text-primary);
    font-family: var(--ds-font-family-sans);
  }
}
@layer eduari.page {
  * {
    scrollbar-color: var(--ds-color-interactive-primary) transparent;
  }
  @supports (color: color-mix(in lab, red, red)) {
    * {
      scrollbar-color: color-mix(in srgb, var(--ds-color-interactive-primary) 50%, transparent) transparent;
    }
  }
  *::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }
  *::-webkit-scrollbar-track,
  *::-webkit-scrollbar-corner {
    background: transparent;
  }
  *::-webkit-scrollbar-thumb {
    background: var(--ds-color-interactive-primary);
    background-clip: padding-box;
    border: 3px solid transparent;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px var(--ds-color-interactive-primary), inset 0 1px 0 var(--ds-color-surface-highlight);
    transition: background 160ms ease;
  }
  @supports (color: color-mix(in lab, red, red)) {
    *::-webkit-scrollbar-thumb {
      background: color-mix(in srgb, var(--ds-color-interactive-primary) 50%, transparent);
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    *::-webkit-scrollbar-thumb {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ds-color-interactive-primary) 22%, transparent), inset 0 1px 0 var(--ds-color-surface-highlight);
    }
  }
  *::-webkit-scrollbar-thumb:hover {
    background: var(--ds-color-interactive-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    *::-webkit-scrollbar-thumb:hover {
      background: color-mix(in srgb, var(--ds-color-interactive-primary) 75%, transparent);
    }
  }
  *::-webkit-scrollbar-thumb:active {
    background: var(--ds-color-interactive-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    *::-webkit-scrollbar-thumb:active {
      background: color-mix(in srgb, var(--ds-color-interactive-primary) 92%, transparent);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    *::-webkit-scrollbar-thumb {
      transition: none;
    }
  }
  .scrollbar-gutter-stable {
    scrollbar-gutter: stable;
  }
  @supports (scrollbar-gutter: stable both-edges) {
    .scrollbar-gutter-stable--both {
      scrollbar-gutter: stable both-edges;
    }
  }
}

/* projects/playground/src/styles.scss */
html {
  height: 100%;
}
body {
  margin: 0;
  height: 100%;
  overflow: hidden;
}
app-root {
  display: block;
  height: 100%;
  min-height: 0;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */