/*
 * KAC design tokens — mirrors frontend/tailwind.config.ts exactly.
 *
 * These CSS custom properties are the single source of truth for the
 * Reign child theme's brand surfaces. They MUST stay in sync with the
 * portal Tailwind config so that wp-login.php, the WP admin chrome and
 * the LearnDash content surfaces all read the same colors as the rest
 * of the portal.
 *
 * Token catalog: 13 documented variables (navy x3, brand x2, gold x2,
 * surface x2, ink x2, border, status x3) + radii + shadow + font.
 */

:root {
  /* Navy — sidebar, brand panel, headings on light bgs */
  --kac-navy-dark:   #0F1A3D;
  --kac-navy:        #1B2A5E;

  /* Brand — primary actions, links, active nav */
  --kac-brand:       #2952A3;
  --kac-brand-light: #6B9FD4;

  /* Gold — aviation accent, completion badges */
  --kac-gold:        #C9A84C;
  --kac-gold-light:  #F5E6B8;

  /* Surfaces */
  --kac-page:        #F5F7FA;
  --kac-surface:     #FFFFFF;

  /* Ink — text colors */
  --kac-ink:         #0F1A3D;
  --kac-ink-2:       #5A6578;

  /* Lines */
  --kac-border:      #E2E8F0;

  /* Status */
  --kac-success:     #22C55E;
  --kac-warning:     #F59E0B;
  --kac-danger:      #EF4444;

  /* Geometry */
  --kac-radius-md:   8px;
  --kac-radius-lg:   12px;

  /* Elevation */
  --kac-shadow-card: 0 1px 2px rgba(15, 26, 61, 0.04), 0 1px 3px rgba(15, 26, 61, 0.06);

  /* Typography */
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/*
 * Inter is shipped as a single variable woff2 (matches the portal at
 * frontend/public/fonts/InterVariable.woff2). Browsers that respect
 * variable axes get every weight from one file; older ones fall back to
 * system-ui via font-display: swap.
 */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/InterVariable.woff2') format('woff2-variations'),
       url('../fonts/InterVariable.woff2') format('woff2');
}