:root {
  /* GOLD EDU brand palette (Session: Visual Redesign, Phase 1). Names kept identical to the
     pre-existing tokens on purpose - every component/page already consumes these var() names,
     so re-pointing the hex values here re-skins the whole app without touching component CSS
     or JS. See design-system.css's root block for the newer gold and navy alias tokens layered
     on top. Phase 2 fix: an earlier version of this comment accidentally closed early partway
     through, which silently dropped the color-primary declaration below and was the real cause
     of the login brand-monogram box rendering with no navy fill. Keep future edits to this
     comment plain text only, with no asterisk-slash characters anywhere inside it. */
  --color-primary: #0F172A;       /* near-black navy — base UI/brand color */
  --color-primary-hover: #1E293B; /* secondary navy */
  --color-accent: #D4AF37;        /* gold */
  --color-accent-soft: #F4E7C1;
  --color-secondary: #2A9D8F;
  --color-background: #F4F6F9;
  --color-surface: #FFFFFF;
  --color-border: #E4E7EC;
  --color-text: #1D2939;
  --color-text-secondary: #667085;
  --color-success: #16A34A;
  --color-warning: #F59E0B;
  --color-danger: #DC2626;
  --color-info: #2563EB;
  --sidebar-width: 272px;
  --sidebar-collapsed: 82px;
  --topbar-height: 72px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-xs: 0 1px 2px rgba(16,24,40,.04);
  --shadow-sm: 0 2px 8px rgba(16,24,40,.06);
  --shadow-md: 0 1px 2px rgba(16,24,40,.04), 0 10px 30px rgba(16,24,40,.07);
  --shadow-lg: 0 20px 52px rgba(16,24,40,.16), 0 2px 8px rgba(16,24,40,.08);
  --shadow-card: var(--shadow-md);
  --shadow-modal: 0 28px 72px rgba(9,18,35,.26), 0 2px 8px rgba(16,24,40,.09);
  --transition-fast: 160ms ease;
  --transition-normal: 190ms ease;
  --surface-gradient: linear-gradient(180deg,#FFFFFF 0%,#FCFDFE 100%);
  --focus-ring: 0 0 0 3px rgba(212,175,55,.55), 0 1px 2px rgba(16,24,40,.04);
  --font: 'Poppins', Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --transition: var(--transition-normal);
}