@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat.woff2') format('woff2');
  font-display: swap;
}

:root {
  /* ---- ILS brand ---- */
  --ils-gold: #FFC20E;
  --ils-black: #000000;
  --ils-white: #FFFFFF;
  --ils-green: #004B23;
  --ils-gold-accent: #C3B99D; /* athletics only */

  /* ---- extended palette (derived, for a clean SaaS look) ---- */
  --green-900: #00351a;
  --green-800: #004B23;
  --green-700: #0a5c30;
  --green-600: #157a44;
  --gold-soft: #fff6da;

  /* ---- neutrals ---- */
  --bg: #f4f6f5;
  --surface: #ffffff;
  --surface-2: #fafbfa;
  --border: #e6e8e6;
  --border-strong: #d3d6d3;
  --text: #15201a;
  --text-muted: #6b746e;
  --text-faint: #99a09b;

  /* ---- semantic ---- */
  --ok: #1f7a3d;
  --ok-bg: #e6f3ec;
  --warn: #8a6100;
  --warn-bg: #fdeecb;
  --danger: #b0241f;
  --danger-bg: #fbe4e2;
  --info-bg: #e7eff9;

  /* ---- shape & depth ---- */
  --radius-sm: 7px;
  --radius: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(16, 30, 22, 0.06), 0 1px 1px rgba(16, 30, 22, 0.04);
  --shadow: 0 2px 8px rgba(16, 30, 22, 0.07), 0 1px 3px rgba(16, 30, 22, 0.05);
  --shadow-lg: 0 12px 32px rgba(16, 30, 22, 0.16);
  --ring: 0 0 0 3px rgba(255, 194, 14, 0.45);

  --sidebar-w: 250px;
}

/* Montserrat throughout, to match ilsroyals.com */
h1, h2, h3 { font-family: 'Montserrat', sans-serif; }
body { font-family: 'Montserrat', sans-serif; }