:root {
  /* ---- Radius ---- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --radius-badge-square: 28px; /* logo badge rounding, per source mark */

  /* ---- Shadows (flat, education-deck aesthetic — used sparingly) ---- */
  --shadow-card: 0 1px 3px rgba(2, 57, 102, 0.08), 0 1px 2px rgba(2, 57, 102, 0.06);
  --shadow-elevated: 0 4px 16px rgba(2, 57, 102, 0.12);

  /* ---- Borders ---- */
  --border-width-hairline: 1px;
  --border-width-accent: 3px;

  /* ---- Motion ----
     Source decks are static/print-first; keep any UI motion minimal and
     functional (hover/press feedback only, no decorative animation). */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 180ms; /* @kind other */
}