/* IITBHM 2026 — Color tokens
   Source brand palette (from official brand sheet):
   Navy Blue #0D2866 · Red #E30613 · White #FFFFFF · Light Grey #E6E6E6 */
:root {
  /* ---- Brand core ---- */
  --navy-900: #07193f;   /* deepest navy, backgrounds */
  --navy-800: #0a1f52;
  --navy-700: #0d2866;   /* PRIMARY NAVY — brand blue */
  --navy-600: #15347e;
  --navy-500: #1f4499;
  --navy-400: #3a5cb0;
  --navy-300: #7d93c8;

  --red-700: #b30410;
  --red-600: #e30613;    /* PRIMARY RED — brand red */
  --red-500: #f12330;
  --red-300: #f87a83;

  --white: #ffffff;
  --grey-100: #f4f5f8;
  --grey-200: #e6e6e6;   /* brand light grey */
  --grey-300: #cdd2dc;
  --grey-400: #9aa2b4;
  --grey-500: #6b7488;
  --grey-700: #3a4055;
  --ink: #0b1020;        /* near-black for body text on light */

  /* ---- Semantic aliases ---- */
  --brand: var(--navy-700);
  --accent: var(--red-600);

  /* Surfaces */
  --surface-page: var(--white);
  --surface-navy: var(--navy-700);
  --surface-navy-deep: var(--navy-900);
  --surface-card: var(--white);
  --surface-muted: var(--grey-100);
  --surface-line: var(--grey-200);

  /* Text */
  --text-strong: var(--ink);
  --text-body: var(--grey-700);
  --text-muted: var(--grey-500);
  --text-on-navy: var(--white);
  --text-on-navy-muted: rgba(255,255,255,0.66);
  --text-accent: var(--red-600);

  /* Borders & lines */
  --border: var(--grey-200);
  --border-strong: var(--grey-300);
  --border-on-navy: rgba(255,255,255,0.16);

  /* Functional */
  --focus-ring: rgba(227,6,19,0.45);
}