/* ITM Skills University — brand tokens (only what this page uses) */
:root {
  /* Type */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-ui: 'DM Sans', system-ui, sans-serif;

  /* Brand palette */
  --crimson: #AA004F;
  --crimson-light: #D4567F;
  --brand: #AA004F;
  --brand-hover: #8D0042;
  --dark: #0E0D18;
  --cream: #F8F3EC;
  --gold: #E8B84B;
  --accent-bschool: #D36328;
  --accent-design: #D7DA5E;
  --accent-futuretech: #F2D750;
  --accent-hospitality: #C6A15B;

  /* Neutrals / text / surfaces */
  --text-muted: #6F655F;
  --surface-card: #FFFFFF;
  --border: #E1D9CF;
  --border-strong: #C9BFB4;

  /* Left panel ground (was a tweakable prop) */
  --panel-ground: #0E0D18;

/* Page accent hooks */
  --accent: var(--accent-bschool);
  --kicker: var(--crimson-light);
  --icon: var(--crimson-light);

  /* Radii */
  --radius-sm: 6px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* Elevation */
  --shadow-xl: 0 24px 56px rgba(25, 20, 23, 0.16), 0 8px 16px rgba(25, 20, 23, 0.06);
}