/* Generated from @yoldas/design-tokens. Do not edit. */

:root {
  --yo-breakpoint-regular: 768px;
  --yo-breakpoint-wide: 1024px;
  --yo-color-assignment-completed-accent: #15803D;
  --yo-color-assignment-not-started-accent: #DC2626;
  --yo-color-background: #FFFFFF;
  --yo-color-border: #E5E7EB;
  --yo-color-canvas: #F8FAFC;
  --yo-color-danger: #DC2626;
  --yo-color-danger-background: #B91C1C;
  --yo-color-inverse-surface: #1F2937;
  --yo-color-mentor-note-accent: #2563EB;
  --yo-color-modal-backdrop: rgba(17, 24, 39, 0.16);
  --yo-color-positive: #16A34A;
  --yo-color-primary: #2563EB;
  --yo-color-student-note-accent: #7E22CE;
  --yo-color-surface: #F3F4F6;
  --yo-color-surface-raised: #FFFFFF;
  --yo-color-text: #111827;
  --yo-color-text-muted: #6B7280;
  --yo-color-text-on-primary: #FFFFFF;
  --yo-color-toast-error-background: #FEE2E2;
  --yo-color-toast-error-text: #991B1B;
  --yo-color-toast-info-background: #1F2937;
  --yo-color-toast-info-text: #FFFFFF;
  --yo-color-toast-success-background: #DCFCE7;
  --yo-color-toast-success-text: #166534;
  --yo-color-toast-warning-background: #FEF3C7;
  --yo-color-toast-warning-text: #92400E;
  --yo-color-warning: #D97706;
  --yo-color-warning-surface: rgba(217, 119, 6, 0.12);
  --yo-font-family-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --yo-font-size-lg: 18px;
  --yo-font-size-md: 15px;
  --yo-font-size-sm: 13px;
  --yo-font-size-xl: 24px;
  --yo-font-size-xs: 11px;
  --yo-font-size-xxl: 32px;
  --yo-font-size-xxs: 10px;
  --yo-font-weight-bold: 700;
  --yo-font-weight-medium: 500;
  --yo-font-weight-regular: 400;
  --yo-font-weight-semibold: 600;
  --yo-layout-container-md: 640px;
  --yo-layout-container-sm: 360px;
  --yo-line-height-body: 22px;
  --yo-line-height-body-semibold: 22px;
  --yo-line-height-caption: 18px;
  --yo-line-height-caption-small: 16px;
  --yo-line-height-caption-tiny-semibold: 14px;
  --yo-line-height-title: 32px;
  --yo-palette-amber: #CA8A04;
  --yo-palette-blue: #2563EB;
  --yo-palette-cyan: #0891B2;
  --yo-palette-green: #16A34A;
  --yo-palette-indigo: #4F46E5;
  --yo-palette-orange: #EA580C;
  --yo-palette-pink: #DB2777;
  --yo-palette-purple: #9333EA;
  --yo-palette-red: #DC2626;
  --yo-palette-slate: #475569;
  --yo-palette-teal: #0D9488;
  --yo-radius-lg: 16px;
  --yo-radius-md: 8px;
  --yo-radius-none: 0px;
  --yo-radius-pill: 999px;
  --yo-radius-sm: 4px;
  --yo-size-lg: 48px;
  --yo-size-md: 32px;
  --yo-size-sm: 24px;
  --yo-size-xl: 64px;
  --yo-size-xs: 16px;
  --yo-size-xxl: 96px;
  --yo-spacing-lg: 16px;
  --yo-spacing-md: 12px;
  --yo-spacing-sm: 8px;
  --yo-spacing-xl: 24px;
  --yo-spacing-xs: 4px;
  --yo-spacing-xxl: 32px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --yo-color-assignment-completed-accent: #22C55E;
    --yo-color-assignment-not-started-accent: #F87171;
    --yo-color-background: #151A23;
    --yo-color-border: #3A4452;
    --yo-color-canvas: #10131A;
    --yo-color-danger: #F87171;
    --yo-color-danger-background: #DC2626;
    --yo-color-inverse-surface: #303846;
    --yo-color-mentor-note-accent: #4294FF;
    --yo-color-modal-backdrop: rgba(0, 0, 0, 0.24);
    --yo-color-positive: #22C55E;
    --yo-color-primary: #3B82F6;
    --yo-color-student-note-accent: #C06CFF;
    --yo-color-surface: #242C38;
    --yo-color-surface-raised: #1A202B;
    --yo-color-text: #F9FAFB;
    --yo-color-text-muted: #AAB4C2;
    --yo-color-text-on-primary: #FFFFFF;
    --yo-color-toast-error-background: #7F1D1D;
    --yo-color-toast-error-text: #FECACA;
    --yo-color-toast-info-background: #303846;
    --yo-color-toast-info-text: #FFFFFF;
    --yo-color-toast-success-background: #14532D;
    --yo-color-toast-success-text: #BBF7D0;
    --yo-color-toast-warning-background: #78350F;
    --yo-color-toast-warning-text: #FEF3C7;
    --yo-color-warning: #FBBF24;
    --yo-color-warning-surface: rgba(251, 191, 36, 0.16);
  }
}