/* Qonsol — shared design tokens (clean minimal) */
:root {
  --brand-ink: #0F172A;
  --brand-gold: #B8860B;
  --brand-gold-soft: rgba(184, 134, 11, 0.12);
  --brand-surface: #FAFAFA;
  --brand-surface-2: #F1F5F9;
  --brand-muted: #64748B;
  --brand-border: rgba(15, 23, 42, 0.08);
  --brand-success: #0a5c38;
  --brand-success-soft: rgba(10, 92, 56, 0.08);
  --brand-info: #1e4a7a;
  --brand-info-soft: rgba(30, 74, 122, 0.08);

  /* Semantic Material icons — portal/admin surfaces:
     courses → menu_book | lessons → play_lesson | exams → quiz
     live → live_tv | certificates → workspace_premium
     parents → family_restroom | school hub → school */

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  --font-ar: 'Tajawal', system-ui, sans-serif;
  --font-en: 'Roboto', system-ui, sans-serif;
}

html[data-theme="dark"] {
  --brand-surface: #0d1117;
  --brand-surface-2: #161b22;
  --brand-muted: #9198a1;
  --brand-border: rgba(255, 255, 255, 0.08);
  --brand-gold-text: #D4A017;
}

/* Portal accent bridge — all roles */
body.admin-app.portal-student,
body.admin-app.portal-teacher,
body.admin-app.portal-parent,
body.admin-app.portal-admin {
  --md-primary: var(--brand-gold);
  --md-on-primary: #fff;
  --md-primary-container: var(--brand-gold-soft);
}