/* NOVA International School — Color tokens
   Palette is fixed by brand: no colors outside this set for primary design elements. */
:root {
  /* ---- Base brand palette ---- */
  --nova-navy: #14242A;        /* Dark Navy — headings, primary text, logo text, dark bands */
  --nova-yellow: #FFCB05;      /* Primary Yellow — brand accent, shield fill */
  --nova-orange: #F58220;      /* Warm Orange — accent */
  --nova-golden: #FAA61A;      /* Golden — accent variant */
  --nova-grey: #F2F2F2;        /* Light Grey — backgrounds, slide fills */
  --nova-black: #000000;       /* Black — document body text */
  --nova-white: #FFFFFF;

  /* ---- Navy tints (derived, for borders / hovers / surfaces only) ---- */
  --nova-navy-90: #2b3a3f;
  --nova-navy-70: #566065;
  --nova-navy-50: #8a9195;
  --nova-navy-20: #d0d4d5;
  --nova-navy-10: #e8eaeb;

  /* ---- Yellow / golden states ---- */
  --nova-yellow-hover: #eab900;
  --nova-yellow-press: #d4a800;
  --nova-golden-hover: #e8940f;

  /* ---- Semantic aliases ---- */
  --text-heading: var(--nova-navy);
  --text-body: var(--nova-black);
  --text-body-on-light: var(--nova-navy);
  --text-muted: var(--nova-navy-70);
  --text-on-navy: #FFFFFF;
  --text-on-yellow: var(--nova-navy);
  --text-link: var(--nova-navy);
  --text-link-hover: var(--nova-golden);

  --surface-page: #FFFFFF;
  --surface-muted: var(--nova-grey);
  --surface-card: #FFFFFF;
  --surface-dark: var(--nova-navy);
  --surface-accent: var(--nova-yellow);

  --border-default: var(--nova-navy-20);
  --border-strong: var(--nova-navy);
  --border-subtle: var(--nova-navy-10);

  --accent-primary: var(--nova-yellow);
  --accent-secondary: var(--nova-golden);
  --accent-warm: var(--nova-orange);

  --focus-ring: var(--nova-golden);
}