/* Generated from shared/student-ui.json. Run npm run sync:ui in miniapp after editing the contract. */
:root {
  --student-ui-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  --student-ui-font-serif: "Cormorant Garamond", "EB Garamond", Georgia, "Times New Roman", serif;
  --student-ui-canvas: #f7f8fa;
  --student-ui-surface: #ffffff;
  --student-ui-text-primary: #1a1a2e;
  --student-ui-text-secondary: #6b7280;
  --student-ui-text-subtle: #9ca3af;
  --student-ui-primary: #3b82f6;
  --student-ui-primary-strong: #2563eb;
  --student-ui-homework: #10b981;
  --student-ui-homework-strong: #059669;
  --student-ui-pdf-soft: #fce7f3;
  --student-ui-pdf: #db2777;
  --student-ui-scores-soft: #fef3c7;
  --student-ui-scores: #d97706;
  --student-ui-points-soft: #ede9fe;
  --student-ui-points: #7c3aed;
  --student-ui-page-top: 24px;
  --student-ui-page-x: 16px;
  --student-ui-page-bottom: 40px;
  --student-ui-student-list-title-size: 35.2px;
  --student-ui-student-list-header-bottom: 40px;
  --student-ui-pdf-list-header-bottom: 36px;
  --student-ui-welcome-top: 20px;
  --student-ui-welcome-bottom: 40px;
  --student-ui-welcome-title-size: 25.6px;
  --student-ui-welcome-title-bottom: 8px;
  --student-ui-motto-size: 15.2px;
  --student-ui-motto-gap: 14px;
  --student-ui-motto-line-width: 36px;
  --student-ui-main-grid-gap: 20px;
  --student-ui-main-grid-bottom: 28px;
  --student-ui-section-gap: 16px;
  --student-ui-card-radius: 20px;
  --student-ui-main-card-padding-y: 24px;
  --student-ui-main-card-padding-x: 20px;
  --student-ui-main-card-header-gap: 20px;
  --student-ui-main-card-header-bottom: 20px;
  --student-ui-main-icon-size: 80px;
  --student-ui-main-icon-radius: 22px;
  --student-ui-main-icon-glyph: 32px;
  --student-ui-main-title-size: 20.8px;
  --student-ui-main-title-bottom: 10px;
  --student-ui-main-description-size: 16.8px;
  --student-ui-main-description-bottom: 16px;
  --student-ui-cta-gap: 8px;
  --student-ui-cta-padding-y: 14px;
  --student-ui-cta-padding-x: 28px;
  --student-ui-cta-size: 16px;
  --student-ui-pill-radius: 999px;
  --student-ui-stats-top: 8px;
  --student-ui-stat-padding-y: 28px;
  --student-ui-stat-padding-x: 24px;
  --student-ui-stat-icon-size: 48px;
  --student-ui-stat-icon-radius: 14px;
  --student-ui-stat-icon-bottom: 14px;
  --student-ui-stat-icon-glyph: 19.2px;
  --student-ui-stat-value-size: 28.8px;
  --student-ui-stat-value-bottom: 4px;
  --student-ui-stat-label-size: 14.08px;
  --student-ui-homework-canvas: #f8fafc;
  --student-ui-homework-surface: #ffffff;
  --student-ui-homework-ink: #1e293b;
  --student-ui-homework-ink-2: #334155;
  --student-ui-homework-muted: #64748b;
  --student-ui-homework-faint: #94a3b8;
  --student-ui-homework-border: #e2e8f0;
  --student-ui-homework-border-soft: #f1f5f9;
  --student-ui-homework-blue: #3b82f6;
  --student-ui-homework-blue-text: #1d4ed8;
  --student-ui-homework-blue-soft: #eff6ff;
  --student-ui-homework-blue-border: #bfdbfe;
  --student-ui-homework-green: #22c55e;
  --student-ui-homework-green-text: #16a34a;
  --student-ui-homework-green-soft: #f0fdf4;
  --student-ui-homework-green-border: #bbf7d0;
  --student-ui-homework-red: #ef4444;
  --student-ui-homework-red-text: #dc2626;
  --student-ui-homework-red-soft: #fef2f2;
  --student-ui-homework-red-border: #fecaca;
  --student-ui-homework-amber: #f59e0b;
  --student-ui-homework-amber-text: #b45309;
  --student-ui-homework-amber-soft: #fffbeb;
  --student-ui-homework-amber-border: #fde68a;
  --student-ui-homework-purple: #7c3aed;
  --student-ui-homework-purple-soft: #f5f3ff;
  --student-ui-homework-page-top: 20px;
  --student-ui-homework-page-x: 16px;
  --student-ui-homework-page-bottom: 60px;
  --student-ui-homework-card-gap: 14px;
  --student-ui-homework-card-padding: 18px;
  --student-ui-homework-card-radius: 14px;
  --student-ui-homework-control-radius: 8px;
  --student-ui-homework-control-height: 44px;
  --student-ui-homework-title-size: 24px;
  --student-ui-homework-section-title-size: 15px;
  --student-ui-homework-body-size: 14px;
  --student-ui-homework-small-size: 12px;
  --student-ui-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.03);
  --student-ui-homework-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
}