/* Student E-page foundation. Keep these tokens shared across every screen. */
:root {
  --color-primary:#2047de; --color-primary-hover:#1534b2; --color-secondary:#162c4c;
  --color-accent:#b5e9d3; --color-background:#f5f7fc; --color-surface:#fff;
  --color-text:#162c4c; --color-muted:#52647b; --color-border:#dce3ed;
  --color-success:#266044; --color-success-bg:#eaf6ef; --color-success-border:#c9e5d5;
  --color-warning:#79551a; --color-warning-bg:#fff6dd; --color-warning-border:#ecd89e;
  --color-error:#962634; --color-error-bg:#fff0f0; --color-error-border:#efc7cd;
  --color-focus:#b36b00; --color-tint:#edf1ff;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px;
  --space-8:32px; --space-12:48px; --space-16:64px; --space-24:96px;
  --radius-control:8px; --radius-card:16px; --radius-dialog:20px; --radius-badge:6px;
  --shadow-small:0 2px 8px #162c4c08; --shadow-menu:0 18px 40px #162c4c14; --shadow-dialog:0 24px 72px #162c4c26;
  --font-ui:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  --text-display:clamp(2.4rem,5vw,3.5rem); --text-h1:clamp(2rem,4vw,3rem);
  --text-h2:clamp(1.4rem,2.6vw,1.8rem); --text-h3:1.125rem; --text-large:1.125rem;
  --text-body:1rem; --text-small:.875rem; --text-caption:.75rem;
  --motion-fast:150ms; --motion-normal:200ms; --ease:cubic-bezier(.2,.65,.3,1);
  /* Compatibility aliases preserve the existing catalogue and portal styles. */
  --blue:var(--color-primary); --blue-dark:var(--color-primary-hover); --ink:var(--color-text);
  --muted:var(--color-muted); --line:var(--color-border); --paper:var(--color-surface);
  --canvas:var(--color-background); --tint:var(--color-tint); --radius:var(--radius-card);
  font-family:var(--font-ui); color:var(--ink); background:var(--canvas);
  font-synthesis:none; scroll-behavior:smooth; scroll-padding-top:110px;
}