:root {
  --color-primary: #b23324;
  --color-primary-strong: #8f261a;
  --color-primary-soft: #fff1ee;
  --color-primary-soft-2: #ffd8d2;
  --color-accent: #e8a0a0;
  --color-accent-strong: #d97777;
  --color-success: #0f766e;
  --color-success-soft: #e8f6f4;
  --color-warning: #b45309;
  --color-warning-soft: #fff2d8;
  --color-danger: #b42318;
  --color-danger-soft: #fdecec;
  --color-info: #1d4ed8;
  --color-info-soft: #e8f0ff;
  --color-text: #1f2a37;
  --color-text-soft: #4f5f72;
  --color-muted: #7f8c8d;
  --color-border: #dfe6ef;
  --color-border-strong: #ccd6e2;
  --color-surface: #ffffff;
  --color-surface-muted: #f8f9fc;
  --color-surface-elevated: rgba(255,255,255,.94);
  --color-background: #f6f7fb;
  --color-background-deep: #eef1f7;
  --font-sans: "Poppins", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Poppins", "Inter", "Helvetica Neue", Arial, sans-serif;
  --radius-xs: 10px;
  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --shadow-soft: 0 16px 42px rgba(15, 23, 42, 0.07);
  --shadow-card: 0 18px 48px rgba(15, 23, 42, 0.08);
  --shadow-primary: 0 20px 42px rgba(178, 51, 36, 0.18);
  --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-strong) 100%);
  --gradient-soft: linear-gradient(180deg, #fffdfd 0%, #f8f9fc 100%);
  --sidebar-width: 264px;
  --content-max: 1680px;
  --transition-fast: 0.18s ease;
  --transition-medium: 0.26s ease;
  --student-bottom-nav-height: 82px;
  --shell-header-height: 0px;
  --shell-header-top: 12px;
  --sticky-shell-offset: 120px;
}