:root {
  --ds-color-palette-green-50: #F3FFEC;
  --ds-color-palette-green-100: #E8FFDB;
  --ds-color-palette-green-200: #CBF3B3;
  --ds-color-palette-green-300: #ACE68A;
  --ds-color-palette-green-400: #93DA69;
  --ds-color-palette-green-500: #7CCF4E;
  --ds-color-palette-green-550: #5EC127;
  --ds-color-palette-green-600: #63B536;
  --ds-color-palette-green-700: #4C9C20;
  --ds-color-palette-green-800: #3B7A19;
  --ds-color-palette-green-900: #2A5812;
  --ds-color-palette-green-950: #17320A;
  --ds-color-palette-sun-50: #FFFAEB;
  --ds-color-palette-sun-100: #FFF3D1;
  --ds-color-palette-sun-150: #FFEDCF;
  --ds-color-palette-sun-200: #FFE9B0;
  --ds-color-palette-sun-300: #FFDB80;
  --ds-color-palette-sun-400: #FECD52;
  --ds-color-palette-sun-500: #FEBF22;
  --ds-color-palette-sun-600: #E5A70A;
  --ds-color-palette-sun-700: #B98408;
  --ds-color-palette-sun-800: #8C5F0E;
  --ds-color-palette-sun-900: #6B3B1C;
  --ds-color-palette-sun-950: #3D210F;
  --ds-color-palette-paper-50: #FEF8E8;
  --ds-color-palette-paper-100: #F4EEDE;
  --ds-color-palette-paper-200: #E4D9BC;
  --ds-color-palette-paper-300: #F5CF91;
  --ds-color-palette-paper-400: #F2D5AB;
  --ds-color-palette-paper-500: #FBB300;
  --ds-color-palette-paper-800: #7E4D0F;
  --ds-color-palette-lilac-50: #FBF2FD;
  --ds-color-palette-lilac-100: #F5E1FA;
  --ds-color-palette-lilac-200: #EBC4F4;
  --ds-color-palette-lilac-500: #C86DD7;
  --ds-color-palette-lilac-800: #7B2E8A;
  --ds-color-palette-neutral-0: #FFFFFF;
  --ds-color-palette-neutral-50: #F6F6F6;
  --ds-color-palette-neutral-100: #F5F5F5;
  --ds-color-palette-neutral-200: #F1F1F1;
  --ds-color-palette-neutral-300: #E8E8E8;
  --ds-color-palette-neutral-400: #DBDBDB;
  --ds-color-palette-neutral-500: #C3C3C3;
  --ds-color-palette-neutral-600: #B9B9B9;
  --ds-color-palette-neutral-700: #6B6B6B;
  --ds-color-palette-neutral-800: #3D3D3D;
  --ds-color-palette-neutral-900: #151515;
  --ds-color-palette-neutral-950: #0A0A0A;
  --ds-color-palette-neutral-1000: #000000;
  --ds-color-palette-red-50: #FAE7EA;
  --ds-color-palette-red-100: #F6CFD5;
  --ds-color-palette-red-200: #F0AFB9;
  --ds-color-palette-red-300: #E88695;
  --ds-color-palette-red-400: #E15E72;
  --ds-color-palette-red-500: #D9364F;
  --ds-color-palette-red-600: #C33147;
  --ds-color-palette-red-700: #AE2B3F;
  --ds-color-palette-red-800: #771E2B;
  --ds-color-palette-red-900: #4A121B;
  --ds-color-palette-red-950: #270A0E;
  --ds-color-palette-blackAlpha-0: #00000000;
  --ds-color-palette-blackAlpha-100: #0000001A;
  --ds-color-palette-blackAlpha-200: #00000033;
  --ds-color-palette-blackAlpha-300: #0000004D;
  --ds-color-palette-blackAlpha-400: #00000066;
  --ds-color-palette-blackAlpha-500: #00000080;
  --ds-color-palette-blackAlpha-600: #00000099;
  --ds-color-palette-blackAlpha-700: #000000B3;
  --ds-color-palette-blackAlpha-800: #000000CC;
  --ds-color-palette-blackAlpha-900: #000000E6;
  --ds-color-brand-primary: var(--ds-color-palette-green-500);
  --ds-color-brand-secondary: var(--ds-color-palette-neutral-900);
  --ds-color-background-canvas: var(--ds-color-palette-neutral-100);
  --ds-color-background-surface: var(--ds-color-palette-neutral-0);
  --ds-color-background-subtle: var(--ds-color-palette-neutral-50);
  --ds-color-background-disabled: var(--ds-color-palette-neutral-200);
  --ds-color-background-brandPrimary-subtle: var(--ds-color-palette-green-50);
  --ds-color-background-brandSecondary-subtle: var(--ds-color-palette-neutral-50);
  --ds-color-text-primary: var(--ds-color-palette-neutral-900);
  --ds-color-text-secondary: var(--ds-color-palette-neutral-700);
  --ds-color-text-disabled: var(--ds-color-palette-neutral-600);
  --ds-color-text-inverse: var(--ds-color-palette-neutral-0);
  --ds-color-border-default: var(--ds-color-palette-neutral-300);
  --ds-color-border-control: var(--ds-color-palette-neutral-700);
  --ds-color-border-subtle: var(--ds-color-palette-neutral-200);
  --ds-color-border-depth: var(--ds-color-palette-neutral-400);
  --ds-color-focus-ring: var(--ds-color-palette-green-800);
  --ds-color-overlay-scrim: var(--ds-color-palette-blackAlpha-400);
  --ds-color-shadow-default: var(--ds-color-palette-blackAlpha-100);
  --ds-color-progress-track: var(--ds-color-palette-neutral-100);
  --ds-color-progress-fill: var(--ds-color-palette-sun-500);
  --ds-color-progress-sparkle-track: var(--ds-color-palette-neutral-100);
  --ds-color-progress-sparkle-fillStart: var(--ds-color-palette-sun-500);
  --ds-color-progress-sparkle-fillEnd: var(--ds-color-palette-paper-500);
  --ds-color-progress-sparkle-star: var(--ds-color-palette-neutral-0);
  --ds-color-skeleton-background: var(--ds-color-palette-neutral-200);
  --ds-color-skeleton-highlight: var(--ds-color-palette-neutral-50);
  --ds-color-action-primary-background-default: var(--ds-color-palette-green-500);
  --ds-color-action-primary-background-hover: var(--ds-color-palette-green-600);
  --ds-color-action-primary-background-pressed: var(--ds-color-palette-green-700);
  --ds-color-action-primary-background-disabled: var(--ds-color-palette-neutral-200);
  --ds-color-action-primary-background-gradientEnd: var(--ds-color-palette-green-550);
  --ds-color-action-primary-background-hoverStart: var(--ds-color-palette-green-550);
  --ds-color-action-primary-background-hoverEnd: var(--ds-color-palette-green-600);
  --ds-color-action-primary-foreground-default: var(--ds-color-palette-neutral-0);
  --ds-color-action-primary-foreground-disabled: var(--ds-color-palette-neutral-700);
  --ds-color-action-primary-depth-default: var(--ds-color-palette-green-700);
  --ds-color-action-primary-depth-hover: var(--ds-color-palette-green-800);
  --ds-color-action-primary-depth-pressed: var(--ds-color-palette-green-800);
  --ds-color-action-primary-highlight: var(--ds-color-palette-green-300);
  --ds-color-action-primary-border: var(--ds-color-palette-blackAlpha-0);
  --ds-color-action-secondary-background-default: var(--ds-color-palette-neutral-100);
  --ds-color-action-secondary-background-hover: var(--ds-color-palette-neutral-200);
  --ds-color-action-secondary-background-pressed: var(--ds-color-palette-neutral-200);
  --ds-color-action-secondary-background-disabled: var(--ds-color-palette-blackAlpha-0);
  --ds-color-action-secondary-foreground-default: var(--ds-color-palette-neutral-900);
  --ds-color-action-secondary-foreground-hover: var(--ds-color-palette-neutral-800);
  --ds-color-action-secondary-foreground-pressed: var(--ds-color-palette-neutral-950);
  --ds-color-action-secondary-foreground-disabled: var(--ds-color-palette-neutral-600);
  --ds-color-action-secondary-icon-default: var(--ds-color-brand-secondary);
  --ds-color-action-secondary-icon-hover: var(--ds-color-palette-neutral-800);
  --ds-color-action-secondary-icon-pressed: var(--ds-color-palette-neutral-950);
  --ds-color-action-secondary-icon-disabled: var(--ds-color-palette-neutral-600);
  --ds-color-action-secondary-depth-default: var(--ds-color-palette-neutral-400);
  --ds-color-action-secondary-depth-hover: var(--ds-color-palette-neutral-500);
  --ds-color-action-secondary-depth-pressed: var(--ds-color-palette-neutral-500);
  --ds-color-action-secondary-highlight: var(--ds-color-background-surface);
  --ds-color-action-secondary-border: var(--ds-color-border-default);
  --ds-color-action-soft-background-default: var(--ds-color-palette-sun-150);
  --ds-color-action-soft-background-hover: var(--ds-color-palette-sun-200);
  --ds-color-action-soft-background-pressed: var(--ds-color-palette-sun-200);
  --ds-color-action-soft-foreground-default: var(--ds-color-palette-sun-800);
  --ds-color-action-soft-foreground-hover: var(--ds-color-palette-sun-900);
  --ds-color-action-soft-foreground-pressed: var(--ds-color-palette-sun-900);
  --ds-color-action-soft-depth-default: var(--ds-color-palette-paper-300);
  --ds-color-action-soft-depth-pressed: var(--ds-color-palette-paper-300);
  --ds-color-navigation-selected-background-default: var(--ds-color-palette-green-500);
  --ds-color-navigation-selected-background-hover: var(--ds-color-palette-green-600);
  --ds-color-navigation-selected-background-pressed: var(--ds-color-palette-green-700);
  --ds-color-navigation-selected-foreground: var(--ds-color-palette-neutral-0);
  --ds-color-navigation-default-foreground: var(--ds-color-palette-neutral-700);
  --ds-color-navigation-hover-background: var(--ds-color-palette-neutral-100);
  --ds-color-status-success-background: var(--ds-color-palette-green-100);
  --ds-color-status-success-foreground: var(--ds-color-palette-green-900);
  --ds-color-status-success-icon: var(--ds-color-palette-green-900);
  --ds-color-status-success-border: var(--ds-color-palette-green-300);
  --ds-color-status-info-background: var(--ds-color-palette-neutral-50);
  --ds-color-status-info-foreground: var(--ds-color-palette-neutral-800);
  --ds-color-status-info-icon: var(--ds-color-palette-neutral-800);
  --ds-color-status-info-border: var(--ds-color-palette-neutral-300);
  --ds-color-status-warning-background: var(--ds-color-palette-sun-50);
  --ds-color-status-warning-foreground: var(--ds-color-palette-neutral-900);
  --ds-color-status-warning-icon: var(--ds-color-palette-sun-900);
  --ds-color-status-warning-border: var(--ds-color-palette-sun-600);
  --ds-color-status-danger-background: var(--ds-color-palette-red-50);
  --ds-color-status-danger-foreground: var(--ds-color-palette-red-800);
  --ds-color-status-danger-icon: var(--ds-color-palette-red-700);
  --ds-color-status-danger-border: var(--ds-color-palette-red-600);
  --ds-color-status-neutral-background: var(--ds-color-palette-neutral-100);
  --ds-color-status-neutral-foreground: var(--ds-color-palette-neutral-700);
  --ds-color-status-neutral-icon: var(--ds-color-palette-neutral-700);
  --ds-color-status-neutral-border: var(--ds-color-palette-neutral-300);
  --ds-color-canvas: var(--ds-color-background-canvas);
  --ds-color-surface: var(--ds-color-background-surface);
  --ds-color-ink: var(--ds-color-text-primary);
  --ds-color-muted: var(--ds-color-text-secondary);
  --ds-color-subtle: var(--ds-color-text-secondary);
  --ds-color-line: var(--ds-color-border-default);
  --ds-color-accent: var(--ds-color-brand-primary);
  --ds-color-accent-soft: var(--ds-color-palette-green-50);
  --ds-color-success-bg: var(--ds-color-status-success-background);
  --ds-color-success-text: var(--ds-color-status-success-foreground);
  --ds-color-warning-bg: var(--ds-color-status-warning-background);
  --ds-color-warning-text: var(--ds-color-status-warning-foreground);
  --ds-color-danger: var(--ds-color-status-danger-foreground);
  --ds-color-danger-soft: var(--ds-color-status-danger-background);
  --ds-color-neutral-bg: var(--ds-color-status-neutral-background);
  --ds-color-track: var(--ds-color-progress-track);
  --ds-color-hover: var(--ds-color-action-secondary-background-hover);
  --ds-color-hover-dark: var(--ds-color-palette-neutral-800);
  --ds-color-hover-accent: var(--ds-color-action-primary-background-hover);
  --ds-color-inverse-muted: var(--ds-color-palette-neutral-300);
  --ds-color-inverse-subtle: var(--ds-color-palette-neutral-700);
  --ds-color-field-border: var(--ds-color-border-control);
  --ds-color-soft-border: var(--ds-color-palette-neutral-200);
  --ds-color-scrim: var(--ds-color-overlay-scrim);
  --ds-color-glass: var(--ds-color-background-surface);
  --ds-color-glass-soft: var(--ds-color-background-surface);
  --ds-color-glass-accent: var(--ds-color-background-surface);
  --ds-color-decor-line: var(--ds-color-palette-neutral-300);
  --ds-color-decor-inverse: var(--ds-color-palette-neutral-600);
  --ds-color-quest-week-background: var(--ds-color-palette-neutral-0);
  --ds-color-quest-week-icon: var(--ds-color-palette-neutral-900);
  --ds-color-quest-lessons-background: var(--ds-color-palette-green-100);
  --ds-color-quest-lessons-icon: var(--ds-color-palette-green-800);
  --ds-color-quest-chip-background: var(--ds-color-palette-green-100);
  --ds-color-quest-chip-foreground: var(--ds-color-palette-neutral-900);
  --ds-color-quest-count: var(--ds-color-palette-sun-900);
  --ds-color-quest-border: var(--ds-color-palette-neutral-200);
  --ds-color-feed-day: var(--ds-color-palette-neutral-500);
  --ds-color-feed-background: var(--ds-color-palette-neutral-0);
  --ds-color-feed-border: var(--ds-color-palette-sun-200);
  --ds-color-feed-today: var(--ds-color-palette-green-500);
  --ds-color-number-default: var(--ds-color-palette-green-700);
  --ds-color-notebook-background: var(--ds-color-palette-paper-50);
  --ds-color-notebook-border: var(--ds-color-palette-paper-300);
  --ds-color-notebook-line: var(--ds-color-palette-paper-100);
  --ds-color-notebook-text: var(--ds-color-palette-paper-800);
  --ds-color-notebook-box: var(--ds-color-palette-paper-200);
  --ds-color-notebook-doneBox: var(--ds-color-palette-paper-500);
  --ds-color-notebook-doneText: var(--ds-color-palette-paper-200);
  --ds-color-notebook-strike: var(--ds-color-palette-sun-500);
  --ds-color-notebook-scrollbar: var(--ds-color-palette-paper-400);
  --ds-color-tile-lessons-background: var(--ds-color-palette-green-100);
  --ds-color-tile-lessons-decor: var(--ds-color-palette-green-200);
  --ds-color-tile-lessons-ring: var(--ds-color-palette-green-500);
  --ds-color-tile-lessons-icon: var(--ds-color-palette-green-700);
  --ds-color-tile-hours-background: var(--ds-color-palette-sun-100);
  --ds-color-tile-hours-decor: var(--ds-color-palette-sun-200);
  --ds-color-tile-hours-ring: var(--ds-color-palette-sun-500);
  --ds-color-tile-hours-icon: var(--ds-color-palette-sun-900);
  --ds-color-tile-rating-background: var(--ds-color-palette-lilac-100);
  --ds-color-tile-rating-decor: var(--ds-color-palette-lilac-200);
  --ds-color-tile-rating-ring: var(--ds-color-palette-lilac-500);
  --ds-color-tile-rating-icon: var(--ds-color-palette-lilac-800);
  --ds-color-tile-legal-background: var(--ds-color-palette-red-50);
  --ds-color-tile-legal-decor: var(--ds-color-palette-red-100);
  --ds-color-tile-legal-ring: var(--ds-color-palette-red-300);
  --ds-color-scrollbar-thumb: var(--ds-color-palette-neutral-300);
  --ds-color-rating-gold: var(--ds-color-palette-sun-400);
  --ds-color-rating-silver: var(--ds-color-palette-neutral-300);
  --ds-color-rating-bronze: var(--ds-color-palette-paper-300);
  --ds-color-rating-self: var(--ds-color-palette-green-50);
  --ds-color-rating-goldEdge: var(--ds-color-palette-sun-600);
  --ds-color-rating-silverEdge: var(--ds-color-palette-neutral-500);
  --ds-color-rating-bronzeEdge: var(--ds-color-palette-sun-700);
  --ds-color-mood-bad-face: var(--ds-color-palette-red-300);
  --ds-color-mood-bad-shade: var(--ds-color-palette-red-400);
  --ds-color-mood-hard-face: var(--ds-color-palette-lilac-200);
  --ds-color-mood-hard-shade: var(--ds-color-palette-lilac-500);
  --ds-color-mood-ok-face: var(--ds-color-palette-neutral-300);
  --ds-color-mood-ok-shade: var(--ds-color-palette-neutral-500);
  --ds-color-mood-good-face: var(--ds-color-palette-sun-400);
  --ds-color-mood-good-shade: var(--ds-color-palette-sun-600);
  --ds-color-mood-great-face: var(--ds-color-palette-green-400);
  --ds-color-mood-great-shade: var(--ds-color-palette-green-600);
  --ds-color-mood-feature: var(--ds-color-palette-neutral-900);
  --ds-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --ds-font-sans: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --ds-font-size-caption: 12px;
  --ds-font-size-tag: 13px;
  --ds-font-size-secondary: 15px;
  --ds-font-size-body: 16px;
  --ds-font-size-lead: 20px;
  --ds-font-size-title: 24px;
  --ds-font-size-page: 28px;
  --ds-font-size-display: 40px;
  --ds-font-weight-normal: 400;
  --ds-font-weight-medium: 500;
  --ds-font-line-tight: 1.25;
  --ds-font-line-body: 1.55;
  --ds-font-line-relaxed: 1.8;
  --ds-font-line-field: 1.3;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
  --ds-space-7: 28px;
  --ds-space-8: 32px;
  --ds-space-9: 36px;
  --ds-space-10: 40px;
  --ds-space-12: 48px;
  --ds-space-16: 64px;
  --ds-layout-viewport-gap: 0px;
  --ds-layout-viewport-radius: 0px;
  --ds-layout-drawer-gap: 8px;
  --ds-layout-program-card-min: 192px;
  --ds-radius-small: 10px;
  --ds-radius-control: 15px;
  --ds-radius-media: 20px;
  --ds-radius-card: 45px;
  --ds-radius-panel: 30px;
  --ds-radius-shell: 30px;
  --ds-radius-pill: 999px;
  --ds-radius-mobile-card: 35px;
  --ds-radius-mobile-panel: 26px;
  --ds-radius-mobile-shell: 28px;
  --ds-radius-mobile-item: 15px;
  --ds-radius-button: 15px;
  --ds-radius-icon-button: var(--ds-radius-square-button);
  --ds-radius-item: 15px;
  --ds-radius-slot: 9px;
  --ds-radius-checkbox: 8px;
  --ds-radius-tile: 20px;
  --ds-radius-square-button: 15px;
  --ds-radius-square-button-smooth: var(--ds-radius-smooth);
  --ds-radius-button-soft-square: 20px;
  --ds-radius-smooth: 30px;
  --ds-radius-field: 15px;
  --ds-border-width: 1px;
  --ds-border-focus: 3px;
  --ds-border-highlight: 2px;
  --ds-border-card-depth: 8px;
  --ds-border-card: 0px;
  --ds-border-item: 2px;
  --ds-border-item-depth: 6px;
  --ds-border-field: 2px;
  --ds-shadow-hover: 0 4px 15px var(--ds-color-palette-blackAlpha-100);
  --ds-shadow-drawer: 12px 0 36px var(--ds-color-palette-blackAlpha-100);
  --ds-shadow-dialog: 0 24px 90px var(--ds-color-palette-blackAlpha-200);
  --ds-shadow-toast: 0 6px 30px var(--ds-color-palette-blackAlpha-100);
  --ds-shadow-inactive-card: none;
  --ds-shadow-button-primary: 0 0 0 var(--ds-component-button-primary-background-gradientEnd), 0 var(--ds-size-button-depth) 0 var(--ds-component-button-primary-depth-default);
  --ds-shadow-button-primary-hover: 0 0 0 var(--ds-component-button-primary-background-gradientEnd), 0 var(--ds-size-button-depth) 0 var(--ds-component-button-primary-depth-hover);
  --ds-shadow-button-primary-pressed: 0 0 0 var(--ds-component-button-primary-background-gradientEnd), 0 var(--ds-size-button-depth-pressed) 0 var(--ds-component-button-primary-depth-pressed);
  --ds-shadow-button-primary-small: 0 0 0 var(--ds-component-button-primary-background-gradientEnd), 0 calc(var(--ds-size-button-depth) / 2) 0 var(--ds-component-button-primary-depth-default);
  --ds-shadow-button-primary-small-pressed: 0 0 0 var(--ds-component-button-primary-background-gradientEnd), 0 var(--ds-size-button-depth-pressed) 0 var(--ds-component-button-primary-depth-pressed);
  --ds-shadow-button-secondary: 0 0 0 var(--ds-component-button-secondary-background-default), 0 var(--ds-size-button-depth) 0 var(--ds-component-button-secondary-depth-default);
  --ds-shadow-button-secondary-hover: 0 0 0 var(--ds-component-button-secondary-background-hover), 0 var(--ds-size-button-depth) 0 var(--ds-component-button-secondary-depth-hover);
  --ds-shadow-button-secondary-pressed: 0 calc(var(--ds-size-button-depth) - var(--ds-size-button-depth-pressed)) 0 var(--ds-component-button-secondary-background-pressed), 0 var(--ds-size-button-depth) 0 var(--ds-component-button-secondary-depth-pressed);
  --ds-shadow-button-soft: inset 0 calc(-1 * var(--ds-size-square-button-edge)) 0 var(--ds-component-button-soft-depth-default);
  --ds-shadow-button-soft-pressed: inset 0 calc(-1 * var(--ds-size-button-depth-pressed)) 0 var(--ds-component-button-soft-depth-pressed);
  --ds-shadow-button-icon: inset 0 calc(-1 * var(--ds-size-square-button-edge)) 0 var(--ds-component-iconButton-depth-default);
  --ds-shadow-button-icon-hover: inset 0 calc(-1 * var(--ds-size-square-button-edge)) 0 var(--ds-component-iconButton-depth-hover);
  --ds-shadow-button-icon-pressed: inset 0 calc(-1 * var(--ds-size-button-depth-pressed)) 0 var(--ds-component-iconButton-depth-pressed);
  --ds-shadow-button-complete: 0 0 0 var(--ds-color-palette-green-200), 0 var(--ds-size-button-depth) 0 var(--ds-color-status-success-border);
  --ds-shadow-button-complete-pressed: 0 calc(var(--ds-size-button-depth) - var(--ds-size-button-depth-pressed)) 0 var(--ds-color-palette-green-200), 0 var(--ds-size-button-depth) 0 var(--ds-color-status-success-border);
  --ds-shadow-button-icon-selected: inset 0 calc(-1 * var(--ds-size-square-button-edge)) 0 var(--ds-component-navigationItem-selected-background-pressed);
  --ds-shadow-button-icon-selected-pressed: inset 0 calc(-1 * var(--ds-size-button-depth-pressed)) 0 var(--ds-component-navigationItem-selected-background-pressed);
  --ds-shadow-segment-selected: inset 0 calc(-1 * var(--ds-size-square-button-edge)) 0 var(--ds-component-segmented-selectedEdge);
  --ds-motion-fast: 160ms;
  --ds-motion-press: 90ms;
  --ds-motion-normal: 240ms;
  --ds-motion-progress: 300ms;
  --ds-motion-blink: 4s;
  --ds-motion-twinkle: 2.4s;
  --ds-motion-strike-line: 300ms;
  --ds-motion-strike-pause: 60ms;
  --ds-motion-bounce: 420ms;
  --ds-motion-jump: 640ms;
  --ds-layer-navigation-scrim: 35;
  --ds-layer-navigation: 40;
  --ds-layer-dialog: 100;
  --ds-layer-toast: 120;
  --ds-layer-skip: 200;
  --ds-layer-header: 30;
  --ds-layer-popover: 45;
  --ds-size-rail: 80px;
  --ds-size-drawer: 264px;
  --ds-size-control: 44px;
  --ds-size-icon: 21px;
  --ds-size-topbar: 60px;
  --ds-size-avatar: 84px;
  --ds-size-dialog: 470px;
  --ds-size-page: 1510px;
  --ds-size-header-search: 520px;
  --ds-size-header-panel: 320px;
  --ds-size-topbar-mobile: 112px;
  --ds-size-lesson-preview-min: 220px;
  --ds-size-featured-course-min: 380px;
  --ds-size-button: 48px;
  --ds-size-button-depth: 6px;
  --ds-size-button-depth-pressed: 1px;
  --ds-size-pet: 240px;
  --ds-size-pet-compact: 200px;
  --ds-size-pet-mobile: 160px;
  --ds-size-program-artwork: 64px;
  --ds-size-program-cover: 128px;
  --ds-size-program-cover-wide: 144px;
  --ds-size-program-artwork-cover: 100px;
  --ds-size-progress-sparkle: 20px;
  --ds-size-progress-ring: 64px;
  --ds-size-progress-quest: 24px;
  --ds-size-progress-quest-art: 40px;
  --ds-size-progress-quest-action: 36px;
  --ds-size-button-large: 75px;
  --ds-size-square-action: 60px;
  --ds-size-checkbox: 30px;
  --ds-size-week-art: 68px;
  --ds-size-week-art-icon: 53px;
  --ds-size-feed-slot: 60px;
  --ds-size-feed-candy: 31px;
  --ds-size-material-coin: 22px;
  --ds-size-notification-icon: 36px;
  --ds-size-pet-home: 135px;
  --ds-size-pet-shadow: 168px;
  --ds-size-scrollbar: 11px;
  --ds-size-progress-quest-inset: 3px;
  --ds-size-square-button: 50px;
  --ds-size-square-button-edge: 3px;
  --ds-size-square-button-compact: 44px;
  --ds-size-button-soft-square: 48px;
  --ds-size-lesson-watch: 300px;
  --ds-size-link-tile: 112px;
  --ds-size-link-tile-icon: 48px;
  --ds-size-link-tile-depth: 6px;
  --ds-size-progress-column: 168px;
  --ds-size-progress-column-marker: 26px;
  --ds-size-progress-column-inset: 4px;
  --ds-size-progress-column-stripe: 7px;
  --ds-size-tooltip: 220px;
  --ds-size-toast: 420px;
  --ds-size-tooltip-depth: 4px;
  --ds-size-tooltip-tail: 8px;
  --ds-size-segment: 40px;
  --ds-size-rating-place: 26px;
  --ds-size-rating-medal: 38px;
  --ds-size-user-avatar-sm: 28px;
  --ds-size-user-avatar-md: 40px;
  --ds-size-user-avatar-lg: 72px;
  --ds-size-rating-list: 320px;
  --ds-size-field: 56px;
  --ds-size-field-padding-y: 14px;
  --ds-size-field-padding-x: var(--ds-space-5);
  --ds-size-mood-face: 56px;
  --ds-size-mood-face-phone: 44px;
  --ds-size-mood-survey: 560px;
  --ds-size-quiz-marker: 20px;
  --ds-size-podium-step-1: 88px;
  --ds-size-podium-step-2: 64px;
  --ds-size-podium-step-3: 48px;
  --ds-size-podium-cap: 18px;
  --ds-size-podium-animal: 96px;
  --ds-size-lesson-toc-min: 560px;
  --ds-size-lesson-timecodes-min: 340px;
  --ds-size-lesson-toc-mobile: min(60dvh, 520px);
  --ds-size-lesson-toc-screen: calc(100dvh - 128px);
  --ds-size-lesson-toc-screen-mobile: calc(100dvh - 48px);
  --ds-size-library-card: 200px;
  --ds-size-library-card-phone: 156px;
  --ds-size-coins-dialog-coin: 64px;
  --ds-size-coins-way-icon: 44px;
  --ds-breakpoint-compact: 370px;
  --ds-breakpoint-phone: 680px;
  --ds-breakpoint-stack: 700px;
  --ds-breakpoint-mobile: 820px;
  --ds-breakpoint-narrow: 960px;
  --ds-breakpoint-tablet: 1180px;
  --ds-breakpoint-desktop: 1250px;
  --ds-breakpoint-wide: 1550px;
  --ds-illustration-orbit: var(--ds-color-palette-neutral-300);
  --ds-illustration-step: var(--ds-color-palette-neutral-400);
  --ds-illustration-step-light: var(--ds-color-palette-neutral-200);
  --ds-illustration-shadow: var(--ds-color-palette-neutral-300);
  --ds-illustration-caption: var(--ds-color-text-secondary);
  --ds-illustration-primary-shade: var(--ds-color-palette-green-600);
  --ds-illustration-secondary-soft: var(--ds-color-palette-neutral-300);
  --ds-component-button-primary-background-default: var(--ds-color-action-primary-background-default);
  --ds-component-button-primary-background-hover: var(--ds-color-action-primary-background-hover);
  --ds-component-button-primary-background-pressed: var(--ds-color-action-primary-background-pressed);
  --ds-component-button-primary-background-disabled: var(--ds-color-action-primary-background-disabled);
  --ds-component-button-primary-background-gradientEnd: var(--ds-color-action-primary-background-gradientEnd);
  --ds-component-button-primary-background-hoverStart: var(--ds-color-action-primary-background-hoverStart);
  --ds-component-button-primary-background-hoverEnd: var(--ds-color-action-primary-background-hoverEnd);
  --ds-component-button-primary-foreground-default: var(--ds-color-action-primary-foreground-default);
  --ds-component-button-primary-foreground-hover: var(--ds-color-action-primary-foreground-default);
  --ds-component-button-primary-foreground-pressed: var(--ds-color-action-primary-foreground-default);
  --ds-component-button-primary-foreground-disabled: var(--ds-color-action-primary-foreground-disabled);
  --ds-component-button-primary-focusRing: var(--ds-color-focus-ring);
  --ds-component-button-primary-depth-default: var(--ds-color-action-primary-depth-default);
  --ds-component-button-primary-depth-hover: var(--ds-color-action-primary-depth-hover);
  --ds-component-button-primary-depth-pressed: var(--ds-color-action-primary-depth-pressed);
  --ds-component-button-primary-highlight: var(--ds-color-action-primary-highlight);
  --ds-component-button-primary-border: var(--ds-color-action-primary-border);
  --ds-component-button-secondary-background-default: var(--ds-color-action-secondary-background-default);
  --ds-component-button-secondary-background-hover: var(--ds-color-action-secondary-background-hover);
  --ds-component-button-secondary-background-pressed: var(--ds-color-action-secondary-background-pressed);
  --ds-component-button-secondary-background-disabled: var(--ds-color-action-secondary-background-disabled);
  --ds-component-button-secondary-foreground-default: var(--ds-color-action-secondary-foreground-default);
  --ds-component-button-secondary-foreground-hover: var(--ds-color-action-secondary-foreground-hover);
  --ds-component-button-secondary-foreground-pressed: var(--ds-color-action-secondary-foreground-pressed);
  --ds-component-button-secondary-foreground-disabled: var(--ds-color-action-secondary-foreground-disabled);
  --ds-component-button-secondary-focusRing: var(--ds-color-focus-ring);
  --ds-component-button-secondary-icon-default: var(--ds-color-action-secondary-icon-default);
  --ds-component-button-secondary-icon-hover: var(--ds-color-action-secondary-icon-hover);
  --ds-component-button-secondary-icon-pressed: var(--ds-color-action-secondary-icon-pressed);
  --ds-component-button-secondary-icon-disabled: var(--ds-color-action-secondary-icon-disabled);
  --ds-component-button-secondary-depth-default: var(--ds-color-action-secondary-depth-default);
  --ds-component-button-secondary-depth-hover: var(--ds-color-action-secondary-depth-hover);
  --ds-component-button-secondary-depth-pressed: var(--ds-color-action-secondary-depth-pressed);
  --ds-component-button-secondary-highlight: var(--ds-color-action-secondary-highlight);
  --ds-component-button-secondary-border: var(--ds-color-action-secondary-border);
  --ds-component-button-soft-background-default: var(--ds-color-action-soft-background-default);
  --ds-component-button-soft-background-hover: var(--ds-color-action-soft-background-hover);
  --ds-component-button-soft-background-pressed: var(--ds-color-action-soft-background-pressed);
  --ds-component-button-soft-foreground-default: var(--ds-color-action-soft-foreground-default);
  --ds-component-button-soft-foreground-hover: var(--ds-color-action-soft-foreground-hover);
  --ds-component-button-soft-foreground-pressed: var(--ds-color-action-soft-foreground-pressed);
  --ds-component-button-soft-depth-default: var(--ds-color-action-soft-depth-default);
  --ds-component-button-soft-depth-pressed: var(--ds-color-action-soft-depth-pressed);
  --ds-component-badge-accessOpen-background: var(--ds-color-status-success-background);
  --ds-component-badge-accessOpen-foreground: var(--ds-color-status-success-foreground);
  --ds-component-badge-accessOpen-icon: var(--ds-color-status-success-icon);
  --ds-component-badge-accessClosed-background: var(--ds-color-status-neutral-background);
  --ds-component-badge-accessClosed-foreground: var(--ds-color-status-neutral-foreground);
  --ds-component-badge-accessClosed-icon: var(--ds-color-status-neutral-icon);
  --ds-component-badge-tag-background: var(--ds-color-quest-chip-background);
  --ds-component-badge-tag-foreground: var(--ds-color-quest-chip-foreground);
  --ds-component-badge-tagMuted-background: var(--ds-color-status-neutral-background);
  --ds-component-badge-tagMuted-foreground: var(--ds-color-status-neutral-foreground);
  --ds-component-notice-success-background: var(--ds-color-status-success-background);
  --ds-component-notice-success-foreground: var(--ds-color-status-success-foreground);
  --ds-component-notice-success-icon: var(--ds-color-status-success-icon);
  --ds-component-notice-success-border: var(--ds-color-status-success-border);
  --ds-component-notice-info-background: var(--ds-color-status-info-background);
  --ds-component-notice-info-foreground: var(--ds-color-status-info-foreground);
  --ds-component-notice-info-icon: var(--ds-color-status-info-icon);
  --ds-component-notice-info-border: var(--ds-color-status-info-border);
  --ds-component-notice-warning-background: var(--ds-color-status-warning-background);
  --ds-component-notice-warning-foreground: var(--ds-color-status-warning-foreground);
  --ds-component-notice-warning-icon: var(--ds-color-status-warning-icon);
  --ds-component-notice-warning-border: var(--ds-color-status-warning-border);
  --ds-component-notice-danger-background: var(--ds-color-status-danger-background);
  --ds-component-notice-danger-foreground: var(--ds-color-status-danger-foreground);
  --ds-component-notice-danger-icon: var(--ds-color-status-danger-icon);
  --ds-component-notice-danger-border: var(--ds-color-status-danger-border);
  --ds-component-notice-neutral-background: var(--ds-color-status-neutral-background);
  --ds-component-notice-neutral-foreground: var(--ds-color-status-neutral-foreground);
  --ds-component-notice-neutral-icon: var(--ds-color-status-neutral-icon);
  --ds-component-notice-neutral-border: var(--ds-color-status-neutral-border);
  --ds-component-navigationItem-selected-background-default: var(--ds-color-navigation-selected-background-default);
  --ds-component-navigationItem-selected-background-hover: var(--ds-color-navigation-selected-background-hover);
  --ds-component-navigationItem-selected-background-pressed: var(--ds-color-navigation-selected-background-pressed);
  --ds-component-navigationItem-selected-foreground: var(--ds-color-navigation-selected-foreground);
  --ds-component-navigationItem-default-foreground: var(--ds-color-navigation-default-foreground);
  --ds-component-navigationItem-hover-background: var(--ds-color-navigation-hover-background);
  --ds-component-navigationItem-focusRing: var(--ds-color-focus-ring);
  --ds-component-input-background-default: var(--ds-color-background-surface);
  --ds-component-input-background-hover: var(--ds-color-palette-neutral-100);
  --ds-component-input-background-focus: var(--ds-color-background-surface);
  --ds-component-input-background-disabled: var(--ds-color-background-disabled);
  --ds-component-input-foreground-default: var(--ds-color-text-primary);
  --ds-component-input-foreground-disabled: var(--ds-color-text-disabled);
  --ds-component-input-placeholder: var(--ds-color-text-secondary);
  --ds-component-input-border-default: var(--ds-color-border-default);
  --ds-component-input-border-focus: var(--ds-color-text-primary);
  --ds-component-input-border-error: var(--ds-color-status-danger-border);
  --ds-component-input-errorMessage: var(--ds-color-status-danger-foreground);
  --ds-component-card-background: var(--ds-color-background-surface);
  --ds-component-card-foreground: var(--ds-color-text-primary);
  --ds-component-card-border: var(--ds-color-border-subtle);
  --ds-component-card-edge: var(--ds-color-border-depth);
  --ds-component-card-radius: var(--ds-radius-card);
  --ds-component-card-borderWidth: var(--ds-border-card);
  --ds-component-card-edgeWidth: var(--ds-border-card-depth);
  --ds-component-dialog-background: var(--ds-color-background-surface);
  --ds-component-dialog-foreground: var(--ds-color-text-primary);
  --ds-component-dialog-scrim: var(--ds-color-overlay-scrim);
  --ds-component-dialog-shadow: var(--ds-color-shadow-default);
  --ds-component-avatar-background: var(--ds-color-background-brandPrimary-subtle);
  --ds-component-avatar-foreground: var(--ds-color-text-primary);
  --ds-component-progress-track: var(--ds-color-progress-track);
  --ds-component-progress-fill: var(--ds-color-progress-fill);
  --ds-component-progress-ring-track: var(--ds-color-border-default);
  --ds-component-progress-sparkle-track: var(--ds-color-progress-sparkle-track);
  --ds-component-progress-sparkle-fillStart: var(--ds-color-progress-sparkle-fillStart);
  --ds-component-progress-sparkle-fillEnd: var(--ds-color-progress-sparkle-fillEnd);
  --ds-component-progress-sparkle-star: var(--ds-color-progress-sparkle-star);
  --ds-component-skeleton-background: var(--ds-color-skeleton-background);
  --ds-component-skeleton-highlight: var(--ds-color-skeleton-highlight);
  --ds-component-tabs-foreground-default: var(--ds-color-text-secondary);
  --ds-component-tabs-foreground-selected: var(--ds-color-text-primary);
  --ds-component-tabs-foreground-disabled: var(--ds-color-text-disabled);
  --ds-component-tabs-indicator-selected: var(--ds-color-progress-fill);
  --ds-component-tabs-focusRing: var(--ds-color-focus-ring);
  --ds-component-accordion-background-default: var(--ds-color-background-surface);
  --ds-component-accordion-background-hover: var(--ds-color-background-subtle);
  --ds-component-accordion-foreground: var(--ds-color-text-primary);
  --ds-component-icon-default: var(--ds-color-text-secondary);
  --ds-component-icon-active: var(--ds-color-text-primary);
  --ds-component-icon-disabled: var(--ds-color-text-disabled);
  --ds-component-courseCard-active-background: var(--ds-color-background-surface);
  --ds-component-courseCard-active-foreground: var(--ds-color-text-primary);
  --ds-component-courseCard-inactive-background: var(--ds-color-background-subtle);
  --ds-component-courseCard-inactive-foreground: var(--ds-color-text-secondary);
  --ds-component-courseCard-inactive-border: var(--ds-color-border-subtle);
  --ds-component-courseCard-inactive-iconBackground: var(--ds-color-background-surface);
  --ds-component-courseCard-inactive-coverBackground: var(--ds-color-background-disabled);
  --ds-component-courseCard-inactive-artOpacity: .65;
  --ds-component-courseCard-inactive-artGrayscale: .3;
  --ds-component-lessonToc-border: var(--ds-color-border-subtle);
  --ds-component-lessonToc-marker: var(--ds-color-background-subtle);
  --ds-component-lessonToc-markerForeground: var(--ds-color-text-secondary);
  --ds-component-lessonToc-hover: var(--ds-color-background-subtle);
  --ds-component-lessonToc-current-background: var(--ds-color-tile-lessons-background);
  --ds-component-lessonToc-current-border: var(--ds-color-tile-lessons-ring);
  --ds-component-lessonToc-current-marker: var(--ds-color-tile-lessons-ring);
  --ds-component-lessonToc-current-markerForeground: var(--ds-color-text-inverse);
  --ds-component-lessonToc-done-marker: var(--ds-color-tile-lessons-background);
  --ds-component-lessonToc-done-markerForeground: var(--ds-color-tile-lessons-icon);
  --ds-component-lessonToc-practice-marker: var(--ds-color-tile-hours-background);
  --ds-component-lessonToc-practice-markerForeground: var(--ds-color-tile-hours-icon);
  --ds-component-lessonToc-week-border: var(--ds-color-border-subtle);
  --ds-component-lessonToc-week-currentBorder: var(--ds-color-tile-lessons-ring);
  --ds-component-lessonToc-week-muted: var(--ds-color-text-secondary);
  --ds-component-lessonToc-week-nowBackground: var(--ds-color-tile-lessons-background);
  --ds-component-lessonToc-week-nowForeground: var(--ds-color-tile-lessons-icon);
  --ds-component-lessonToc-week-leftBackground: var(--ds-color-status-warning-background);
  --ds-component-lessonToc-week-leftForeground: var(--ds-color-status-warning-icon);
  --ds-component-lessonToc-week-leftBorder: var(--ds-color-status-warning-border);
  --ds-component-lessonToc-week-lockedBackground: var(--ds-color-background-subtle);
  --ds-component-lessonToc-test-marker: var(--ds-color-tile-rating-background);
  --ds-component-lessonToc-test-markerForeground: var(--ds-color-tile-rating-icon);
  --ds-component-lessonToc-material-marker: var(--ds-color-notebook-box);
  --ds-component-lessonToc-material-markerForeground: var(--ds-color-notebook-text);
  --ds-component-lessonToc-chip-background: var(--ds-color-background-surface);
  --ds-component-lessonToc-chip-border: var(--ds-color-border-default);
  --ds-component-lessonToc-chip-selectedBackground: var(--ds-color-tile-lessons-background);
  --ds-component-lessonToc-chip-selectedBorder: var(--ds-color-tile-lessons-ring);
  --ds-component-lessonToc-chip-selectedForeground: var(--ds-color-tile-lessons-icon);
  --ds-component-lessonPreview-background: var(--ds-color-background-brandPrimary-subtle);
  --ds-component-lessonPreview-foreground: var(--ds-color-text-primary);
  --ds-component-lessonPreview-playBackground: var(--ds-color-background-surface);
  --ds-component-lessonPreview-playForeground: var(--ds-color-text-primary);
  --ds-component-iconButton-background-default: var(--ds-color-background-surface);
  --ds-component-iconButton-background-hover: var(--ds-color-navigation-hover-background);
  --ds-component-iconButton-background-pressed: var(--ds-color-background-disabled);
  --ds-component-iconButton-foreground: var(--ds-color-text-primary);
  --ds-component-iconButton-depth-default: var(--ds-color-action-secondary-depth-default);
  --ds-component-iconButton-depth-hover: var(--ds-color-action-secondary-depth-hover);
  --ds-component-iconButton-depth-pressed: var(--ds-color-action-secondary-depth-default);
  --ds-component-iconButton-highlight: var(--ds-color-background-surface);
  --ds-component-iconButton-border: var(--ds-color-action-primary-border);
  --ds-component-petCompanion-stageAspect: 1;
  --ds-component-petCompanion-characterWidth: 80%;
  --ds-component-petCompanion-characterOffset: 7%;
  --ds-component-petCompanion-characterInset: 10%;
  --ds-component-coinCounter-background: var(--ds-color-background-surface);
  --ds-component-coinCounter-foreground: var(--ds-color-text-primary);
  --ds-component-petRoom-wall: var(--ds-color-palette-sun-50);
  --ds-component-petRoom-floor: var(--ds-color-palette-paper-100);
  --ds-component-petRoom-floorLine: var(--ds-color-palette-paper-200);
  --ds-component-petRoom-rug: var(--ds-color-tile-lessons-background);
  --ds-component-petRoom-rugBorder: var(--ds-color-tile-lessons-decor);
  --ds-component-petRoom-sky: var(--ds-color-tile-rating-background);
  --ds-component-petRoom-frame: var(--ds-color-background-surface);
  --ds-component-petRoom-frameBorder: var(--ds-color-palette-paper-200);
  --ds-component-petRoom-stageCurrent: var(--ds-color-tile-lessons-ring);
  --ds-component-petRoom-stageDone: var(--ds-color-tile-lessons-decor);
  --ds-component-petRoom-stageNext: var(--ds-color-border-subtle);
  --ds-component-petRoom-statBackground: var(--ds-color-background-subtle);
  --ds-component-feedStreak-background: var(--ds-color-background-surface);
  --ds-component-feedStreak-day: var(--ds-color-feed-day);
  --ds-component-feedStreak-slotBackground: var(--ds-color-background-subtle);
  --ds-component-feedStreak-fedBackground: var(--ds-color-feed-background);
  --ds-component-feedStreak-fedBorder: var(--ds-color-feed-border);
  --ds-component-feedStreak-hint: var(--ds-color-text-disabled);
  --ds-component-feedStreak-border: var(--ds-color-border-subtle);
  --ds-component-progressQuest-background: var(--ds-color-background-surface);
  --ds-component-progressQuest-border: var(--ds-color-quest-border);
  --ds-component-progressQuest-weekBackground: var(--ds-color-quest-week-background);
  --ds-component-progressQuest-weekIcon: var(--ds-color-quest-week-icon);
  --ds-component-progressQuest-lessonsBackground: var(--ds-color-quest-lessons-background);
  --ds-component-progressQuest-lessonsIcon: var(--ds-color-quest-lessons-icon);
  --ds-component-progressQuest-chipBackground: var(--ds-color-quest-chip-background);
  --ds-component-progressQuest-chipForeground: var(--ds-color-quest-chip-foreground);
  --ds-component-progressQuest-count: var(--ds-color-quest-count);
  --ds-component-journey-number: var(--ds-color-number-default);
  --ds-component-task-box: var(--ds-color-notebook-box);
  --ds-component-task-doneBackground: var(--ds-color-notebook-doneBox);
  --ds-component-task-doneText: var(--ds-color-notebook-doneText);
  --ds-component-task-text: var(--ds-color-notebook-text);
  --ds-component-task-strike: var(--ds-color-notebook-strike);
  --ds-component-notebook-background: var(--ds-color-notebook-background);
  --ds-component-notebook-border: var(--ds-color-notebook-border);
  --ds-component-notebook-line: var(--ds-color-notebook-line);
  --ds-component-notebook-hole: var(--ds-color-background-canvas);
  --ds-component-notebook-scrollbar: var(--ds-color-notebook-scrollbar);
  --ds-component-dashboard-itemBorder: var(--ds-color-border-subtle);
  --ds-component-dashboard-iconBackground: var(--ds-color-quest-lessons-background);
  --ds-component-dashboard-iconForeground: var(--ds-color-quest-lessons-icon);
  --ds-component-dashboard-scrollbar: var(--ds-color-scrollbar-thumb);
  --ds-component-dashboard-doneText: var(--ds-color-text-disabled);
  --ds-component-dashboard-doneHover: var(--ds-color-navigation-hover-background);
  --ds-component-linkTile-background: var(--ds-color-background-surface);
  --ds-component-linkTile-foreground: var(--ds-color-text-primary);
  --ds-component-linkTile-caption: var(--ds-color-text-secondary);
  --ds-component-linkTile-edge: var(--ds-color-border-depth);
  --ds-component-linkTile-edgeHover: var(--ds-color-action-secondary-depth-hover);
  --ds-component-linkTile-iconBackground: var(--ds-color-quest-lessons-background);
  --ds-component-linkTile-iconForeground: var(--ds-color-quest-lessons-icon);
  --ds-component-progressColumn-lessons-track: var(--ds-color-tile-lessons-background);
  --ds-component-progressColumn-lessons-stripe: var(--ds-color-tile-lessons-decor);
  --ds-component-progressColumn-lessons-fill: var(--ds-color-tile-lessons-ring);
  --ds-component-progressColumn-lessons-accent: var(--ds-color-tile-lessons-icon);
  --ds-component-progressColumn-lessons-pill: var(--ds-color-tile-lessons-decor);
  --ds-component-progressColumn-lessons-pillForeground: var(--ds-color-tile-lessons-icon);
  --ds-component-progressColumn-coins-track: var(--ds-color-tile-hours-background);
  --ds-component-progressColumn-coins-stripe: var(--ds-color-tile-hours-decor);
  --ds-component-progressColumn-coins-fill: var(--ds-color-tile-hours-ring);
  --ds-component-progressColumn-coins-accent: var(--ds-color-tile-hours-icon);
  --ds-component-progressColumn-coins-pill: var(--ds-color-tile-hours-decor);
  --ds-component-progressColumn-coins-pillForeground: var(--ds-color-tile-hours-icon);
  --ds-component-progressColumn-tasks-track: var(--ds-color-tile-rating-background);
  --ds-component-progressColumn-tasks-stripe: var(--ds-color-tile-rating-decor);
  --ds-component-progressColumn-tasks-fill: var(--ds-color-tile-rating-ring);
  --ds-component-progressColumn-tasks-accent: var(--ds-color-tile-rating-icon);
  --ds-component-progressColumn-tasks-pill: var(--ds-color-tile-rating-decor);
  --ds-component-progressColumn-tasks-pillForeground: var(--ds-color-tile-rating-icon);
  --ds-component-progressColumn-label: var(--ds-color-text-secondary);
  --ds-component-tooltip-background: var(--ds-color-background-surface);
  --ds-component-tooltip-foreground: var(--ds-color-text-primary);
  --ds-component-tooltip-title: var(--ds-color-text-primary);
  --ds-component-tooltip-border: var(--ds-color-border-depth);
  --ds-component-toast-background: var(--ds-color-background-surface);
  --ds-component-toast-foreground: var(--ds-color-text-primary);
  --ds-component-toast-success-border: var(--ds-color-palette-green-500);
  --ds-component-toast-success-title: var(--ds-color-palette-green-700);
  --ds-component-toast-warning-border: var(--ds-color-palette-sun-500);
  --ds-component-toast-warning-title: var(--ds-color-palette-sun-900);
  --ds-component-toast-danger-border: var(--ds-color-palette-red-500);
  --ds-component-toast-danger-title: var(--ds-color-palette-red-700);
  --ds-component-segmented-background: var(--ds-color-background-canvas);
  --ds-component-segmented-selectedBackground: var(--ds-color-background-surface);
  --ds-component-segmented-selectedEdge: var(--ds-color-border-depth);
  --ds-component-segmented-foreground: var(--ds-color-text-secondary);
  --ds-component-segmented-selectedForeground: var(--ds-color-text-primary);
  --ds-component-ratingTable-rowBorder: var(--ds-color-border-subtle);
  --ds-component-ratingTable-selfBackground: var(--ds-color-rating-self);
  --ds-component-ratingTable-gold: var(--ds-color-rating-gold);
  --ds-component-ratingTable-silver: var(--ds-color-rating-silver);
  --ds-component-ratingTable-bronze: var(--ds-color-rating-bronze);
  --ds-component-ratingTable-place: var(--ds-color-background-canvas);
  --ds-component-ratingTable-foreground: var(--ds-color-text-primary);
  --ds-component-ratingTable-muted: var(--ds-color-text-secondary);
  --ds-component-userAvatar-border: var(--ds-color-border-subtle);
  --ds-component-moodRating-background: var(--ds-color-background-canvas);
  --ds-component-moodRating-title: var(--ds-color-text-primary);
  --ds-component-moodRating-labelBackground: var(--ds-color-background-surface);
  --ds-component-moodRating-labelForeground: var(--ds-color-text-primary);
  --ds-component-moodRating-labelEdge: var(--ds-color-border-depth);
  --ds-component-moodRating-feature: var(--ds-color-mood-feature);
  --ds-component-moodRating-focus: var(--ds-color-focus-ring);
  --ds-component-moodRating-bad-face: var(--ds-color-mood-bad-face);
  --ds-component-moodRating-bad-shade: var(--ds-color-mood-bad-shade);
  --ds-component-moodRating-hard-face: var(--ds-color-mood-hard-face);
  --ds-component-moodRating-hard-shade: var(--ds-color-mood-hard-shade);
  --ds-component-moodRating-ok-face: var(--ds-color-mood-ok-face);
  --ds-component-moodRating-ok-shade: var(--ds-color-mood-ok-shade);
  --ds-component-moodRating-good-face: var(--ds-color-mood-good-face);
  --ds-component-moodRating-good-shade: var(--ds-color-mood-good-shade);
  --ds-component-moodRating-great-face: var(--ds-color-mood-great-face);
  --ds-component-moodRating-great-shade: var(--ds-color-mood-great-shade);
  --ds-component-lessonStudy-numberBackground: var(--ds-color-tile-lessons-background);
  --ds-component-lessonStudy-numberForeground: var(--ds-color-tile-lessons-icon);
  --ds-component-lessonStudy-itemBorder: var(--ds-color-border-subtle);
  --ds-component-lessonStudy-muted: var(--ds-color-text-secondary);
  --ds-component-lessonStudy-optionBackground: var(--ds-color-background-surface);
  --ds-component-lessonStudy-optionBorder: var(--ds-color-border-default);
  --ds-component-lessonStudy-optionSelectedBackground: var(--ds-color-tile-lessons-background);
  --ds-component-lessonStudy-optionSelectedBorder: var(--ds-color-tile-lessons-ring);
  --ds-component-lessonStudy-correctBackground: var(--ds-color-status-success-background);
  --ds-component-lessonStudy-correctBorder: var(--ds-color-status-success-border);
  --ds-component-lessonStudy-correctForeground: var(--ds-color-status-success-foreground);
  --ds-component-lessonStudy-wrongBackground: var(--ds-color-status-danger-background);
  --ds-component-lessonStudy-wrongBorder: var(--ds-color-status-danger-border);
  --ds-component-lessonStudy-wrongForeground: var(--ds-color-status-danger-foreground);
  --ds-component-lessonStudy-resultBackground: var(--ds-color-status-warning-background);
  --ds-component-lessonStudy-resultPerfectBackground: var(--ds-color-status-success-background);
  --ds-component-moodSurvey-rewardBackground: var(--ds-color-tile-hours-background);
  --ds-component-moodSurvey-rewardForeground: var(--ds-color-tile-hours-icon);
  --ds-component-moodSurvey-rewardEarnedBackground: var(--ds-color-tile-lessons-background);
  --ds-component-moodSurvey-rewardEarnedForeground: var(--ds-color-tile-lessons-icon);
  --ds-component-moodSurvey-divider: var(--ds-color-border-subtle);
  --ds-component-moodSurvey-legend: var(--ds-color-text-secondary);
  --ds-component-moodSurvey-chipBackground: var(--ds-color-background-surface);
  --ds-component-moodSurvey-chipForeground: var(--ds-color-text-primary);
  --ds-component-moodSurvey-chipEdge: var(--ds-color-border-depth);
  --ds-component-moodSurvey-chipSelectedBackground: var(--ds-color-tile-lessons-background);
  --ds-component-moodSurvey-chipSelectedForeground: var(--ds-color-tile-lessons-icon);
  --ds-component-moodSurvey-chipSelectedEdge: var(--ds-color-tile-lessons-ring);
  --ds-component-moodSurvey-focus: var(--ds-color-focus-ring);
  --ds-component-ratingPodium-gold-step: var(--ds-color-rating-gold);
  --ds-component-ratingPodium-gold-edge: var(--ds-color-rating-goldEdge);
  --ds-component-ratingPodium-silver-step: var(--ds-color-rating-silver);
  --ds-component-ratingPodium-silver-edge: var(--ds-color-rating-silverEdge);
  --ds-component-ratingPodium-bronze-step: var(--ds-color-rating-bronze);
  --ds-component-ratingPodium-bronze-edge: var(--ds-color-rating-bronzeEdge);
  --ds-component-ratingPodium-name: var(--ds-color-text-primary);
  --ds-component-ratingPodium-score: var(--ds-color-text-secondary);
  --ds-component-ratingPodium-summaryBackground: var(--ds-color-background-canvas);
  --ds-component-ratingPodium-summaryButton: var(--ds-color-background-surface);
  --ds-component-ratingPodium-body: var(--ds-color-background-canvas);
  --ds-component-library-muted: var(--ds-color-text-secondary);
  --ds-component-library-cover-vibe-top: var(--ds-color-tile-lessons-background);
  --ds-component-library-cover-vibe-bottom: var(--ds-color-tile-lessons-decor);
  --ds-component-library-cover-vibe-accent: var(--ds-color-tile-lessons-ring);
  --ds-component-library-cover-design-top: var(--ds-color-tile-rating-background);
  --ds-component-library-cover-design-bottom: var(--ds-color-tile-rating-decor);
  --ds-component-library-cover-design-accent: var(--ds-color-tile-rating-ring);
  --ds-component-library-cover-clients-top: var(--ds-color-tile-hours-background);
  --ds-component-library-cover-clients-bottom: var(--ds-color-tile-hours-decor);
  --ds-component-library-cover-clients-accent: var(--ds-color-tile-hours-ring);
  --ds-component-library-cover-legal-top: var(--ds-color-tile-legal-background);
  --ds-component-library-cover-legal-bottom: var(--ds-color-tile-legal-decor);
  --ds-component-library-cover-legal-accent: var(--ds-color-tile-legal-ring);
  --ds-component-library-format-background: var(--ds-color-background-surface);
  --ds-component-library-format-foreground: var(--ds-color-text-primary);
  --ds-component-library-locked-top: var(--ds-color-background-subtle);
  --ds-component-library-locked-bottom: var(--ds-color-border-subtle);
  --ds-component-library-locked-icon: var(--ds-color-background-surface);
  --ds-component-library-locked-iconForeground: var(--ds-color-text-secondary);
  --ds-component-library-newBackground: var(--ds-color-tile-lessons-background);
  --ds-component-library-newForeground: var(--ds-color-tile-lessons-icon);
  --ds-component-library-preview-paper: var(--ds-color-background-surface);
  --ds-component-library-preview-line: var(--ds-color-border-default);
  --ds-component-library-preview-lineSoft: var(--ds-color-border-subtle);
  --ds-component-library-preview-shadow: var(--ds-color-shadow-default);
  --ds-component-library-preview-window: var(--ds-color-text-primary);
  --ds-component-library-preview-windowLine: var(--ds-color-text-secondary);
  --ds-component-library-preview-bubble: var(--ds-color-action-primary-background-default);
  --ds-component-library-preview-bubbleLine: var(--ds-color-action-primary-highlight);
  --ds-component-library-preview-sun: var(--ds-color-rating-gold);
  --ds-component-library-preview-stamp: var(--ds-color-status-danger-icon);
  --ds-component-coinsDialog-lessons-background: var(--ds-color-tile-lessons-background);
  --ds-component-coinsDialog-lessons-foreground: var(--ds-color-tile-lessons-icon);
  --ds-component-coinsDialog-tasks-background: var(--ds-color-tile-rating-background);
  --ds-component-coinsDialog-tasks-foreground: var(--ds-color-tile-rating-icon);
  --ds-component-coinsDialog-review-background: var(--ds-color-tile-hours-background);
  --ds-component-coinsDialog-review-foreground: var(--ds-color-tile-hours-icon);
  --ds-component-coinsDialog-text: var(--ds-color-text-secondary);
  --ds-component-weekPlan-track: var(--ds-color-background-subtle);
  --ds-component-weekPlan-grid: var(--ds-color-border-subtle);
  --ds-component-weekPlan-now: var(--ds-color-tile-rating-ring);
  --ds-component-weekPlan-lessons-background: var(--ds-color-tile-lessons-background);
  --ds-component-weekPlan-lessons-accent: var(--ds-color-tile-lessons-ring);
  --ds-component-weekPlan-lessons-text: var(--ds-color-tile-lessons-icon);
  --ds-component-weekPlan-reading-background: var(--ds-color-tile-rating-background);
  --ds-component-weekPlan-reading-accent: var(--ds-color-tile-rating-ring);
  --ds-component-weekPlan-reading-text: var(--ds-color-tile-rating-icon);
  --ds-component-weekPlan-practice-background: var(--ds-color-tile-hours-background);
  --ds-component-weekPlan-practice-accent: var(--ds-color-tile-hours-ring);
  --ds-component-weekPlan-practice-text: var(--ds-color-tile-hours-icon);
  --ds-component-weekPlan-tests-background: var(--ds-color-tile-legal-background);
  --ds-component-weekPlan-tests-accent: var(--ds-color-tile-legal-ring);
  --ds-component-weekPlan-tests-text: var(--ds-color-text-primary);
  --ds-component-weekPlan-ok-background: var(--ds-color-success-bg);
  --ds-component-weekPlan-ok-text: var(--ds-color-success-text);
  --ds-component-weekPlan-tight-background: var(--ds-color-warning-bg);
  --ds-component-weekPlan-tight-text: var(--ds-color-warning-text);
  --ds-component-weekPlan-short-background: var(--ds-color-danger-soft);
  --ds-component-weekPlan-short-text: var(--ds-color-danger);
  --ds-component-adminOverview-hero-background: var(--ds-color-action-primary-background-default);
  --ds-component-adminOverview-hero-backgroundEnd: var(--ds-color-action-primary-background-gradientEnd);
  --ds-component-adminOverview-hero-foreground: var(--ds-color-text-inverse);
  --ds-component-adminOverview-hero-decor: var(--ds-color-action-primary-highlight);
  --ds-component-adminOverview-hero-chipBackground: var(--ds-color-background-surface);
  --ds-component-adminOverview-hero-chipForeground: var(--ds-color-tile-lessons-icon);
  --ds-component-adminOverview-cover-green-top: var(--ds-color-tile-lessons-background);
  --ds-component-adminOverview-cover-green-bottom: var(--ds-color-tile-lessons-decor);
  --ds-component-adminOverview-cover-green-icon: var(--ds-color-tile-lessons-icon);
  --ds-component-adminOverview-cover-lilac-top: var(--ds-color-tile-rating-background);
  --ds-component-adminOverview-cover-lilac-bottom: var(--ds-color-tile-rating-decor);
  --ds-component-adminOverview-cover-lilac-icon: var(--ds-color-tile-rating-icon);
  --ds-component-adminOverview-cover-sun-top: var(--ds-color-tile-hours-background);
  --ds-component-adminOverview-cover-sun-bottom: var(--ds-color-tile-hours-decor);
  --ds-component-adminOverview-cover-sun-icon: var(--ds-color-tile-hours-icon);
  --ds-component-adminOverview-card-border: var(--ds-color-border-subtle);
  --ds-component-adminOverview-card-selectedBorder: var(--ds-color-tile-lessons-ring);
  --ds-component-adminOverview-card-addBorder: var(--ds-color-border-default);
  --ds-component-adminOverview-card-muted: var(--ds-color-text-secondary);
  --ds-component-adminOverview-card-chipBackground: var(--ds-color-background-surface);
  --ds-component-adminOverview-day-todayBackground: var(--ds-color-action-primary-background-default);
  --ds-component-adminOverview-day-todayForeground: var(--ds-color-text-inverse);
  --ds-component-adminOverview-ring-track: var(--ds-color-progress-track);
  --ds-component-adminOverview-ring-value: var(--ds-color-tile-lessons-ring);
  --ds-component-adminOverview-schedule-row: var(--ds-color-background-subtle);
  --ds-component-adminOverview-schedule-line: var(--ds-color-border-subtle);
  --ds-component-adminOverview-schedule-pre: var(--ds-color-tile-hours-decor);
  --ds-component-adminOverview-schedule-preText: var(--ds-color-tile-hours-icon);
  --ds-component-adminOverview-schedule-main: var(--ds-color-tile-lessons-decor);
  --ds-component-adminOverview-schedule-mainText: var(--ds-color-tile-lessons-icon);
  --ds-component-adminOverview-schedule-currentMain: var(--ds-color-tile-lessons-ring);
  --ds-component-adminOverview-schedule-currentMainText: var(--ds-color-text-inverse);
  --ds-component-adminOverview-schedule-extra: var(--ds-color-tile-rating-decor);
  --ds-component-adminOverview-schedule-extraText: var(--ds-color-tile-rating-icon);
  --ds-component-adminOverview-schedule-now: var(--ds-color-tile-rating-ring);
}