/* Canonical brand primitives and theme roles. No page or product dependencies. */
.design-system {
  --ds-brand-blue: #2cbdec;
  --ds-brand-yellow: #ffc12c;
  --ds-brand-graphite: #1a2124;
  --ds-brand-blue-soft: #e6f7fc;
  --ds-brand-yellow-soft: #fff8e6;
  --ds-brand-gray: #83959d;
  --ds-brand-school: #6d4ce8;
  --ds-brand-school-dark: #a78bfa;
  --ds-brand-meetings: #c6533f;
  --ds-brand-meetings-dark: #ff9a7a;
  --ds-neutral-0: #ffffff;
  --ds-neutral-100: #f3f7f9;
  --ds-neutral-200: #e5edf0;
  --ds-neutral-300: #ccd8de;
  --ds-neutral-400: #a9bbc4;
  --ds-neutral-500: #83959d;
  --ds-neutral-600: #596e78;
  --ds-neutral-700: #41545d;
  --ds-neutral-800: #273236;
  --ds-neutral-900: #1a2124;
}
.design-system[data-ds-theme] {
  --ds-accent: #2cbdec;
  --ds-accent-strong: #087b9d;
  --ds-primary-text: #10242c;
  --ds-danger: #bf3440;
  --ds-danger-text: #ffffff;
  --ds-success: #237b57;
  --ds-warning: #986000;
  --ds-info: #087493;
  --ds-school: #6d4ce8;
  --ds-meetings: #c34f3c;
  --ds-product-brand-text: #ffffff;
  --ds-surface: #ffffff;
  --ds-surface-soft: #f3f7f9;
  --ds-surface-raised: #ffffff;
  --ds-border: #d4dfe4;
  --ds-control-border: #82949d;
  --ds-text: #1a2124;
  --ds-muted: #596e78;
  --ds-control-height: 48px;
  --ds-radius: 12px;
  --ds-yellow: #ffc12c;
  --type-ui-page-title: 600 28px/34px 'ZCOURSE Segoe UI', 'Segoe UI', sans-serif;
  --type-ui-metric: 600 24px/30px 'ZCOURSE Segoe UI', 'Segoe UI', sans-serif;
}
.design-system[data-ds-theme='dark'] {
  --ds-accent: #53c9ef;
  --ds-accent-strong: #70d2ef;
  --ds-danger: #ff8189;
  --ds-danger-text: #1a2124;
  --ds-success: #64d6a6;
  --ds-warning: #ffd166;
  --ds-info: #70d2ef;
  --ds-school: #a78bfa;
  --ds-meetings: #ff9a7a;
  --ds-product-brand-text: #1a2124;
  --ds-surface: #1a2124;
  --ds-surface-soft: #222c30;
  --ds-surface-raised: #273236;
  --ds-border: #41545d;
  --ds-control-border: #899ea8;
  --ds-text: #f4f8fa;
  --ds-muted: #b5c3c9;
  --ds-yellow: #ffd15c;
}
.design-system[data-ds-density='compact'] {
  --ds-control-height: 40px;
  --ds-radius: 8px;
}
.design-system[data-ds-theme] {
  --ds-accent: var(--ds-brand-blue);
  --ds-school: var(--ds-brand-school);
  --ds-meetings: var(--ds-brand-meetings);
  --ds-meetings-action: #c34f3c;
  --ds-success-soft: #eaf7f0;
  --ds-warning-soft: var(--ds-brand-yellow-soft);
  --ds-danger-soft: #fff0f1;
  --ds-info-soft: var(--ds-brand-blue-soft);
  --ds-action-hover: #53c9ef;
  --ds-action-pressed: #20acd8;
  --ds-selected: #e6f7fc;
  --ds-disabled-bg: #e5edf0;
  --ds-disabled-text: #596e78;
  --ds-shadow: 0 12px 32px rgba(26, 33, 36, 0.12);
}
.design-system[data-ds-theme='dark'] {
  --ds-accent: #53c9ef;
  --ds-school: var(--ds-brand-school-dark);
  --ds-meetings: var(--ds-brand-meetings-dark);
  --ds-meetings-action: var(--ds-brand-meetings-dark);
  --ds-success-soft: #19382d;
  --ds-warning-soft: #3d321d;
  --ds-danger-soft: #42272d;
  --ds-info-soft: #193742;
  --ds-action-hover: #70d2ef;
  --ds-action-pressed: #2cbdec;
  --ds-selected: #193742;
  --ds-disabled-bg: #273236;
  --ds-disabled-text: #b5c3c9;
  --ds-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}