/* NJCC brand palette — Brand Guidelines, Jan 2026 */
:root{
  /* Core brand */
  --njcc-navy-vault:#1C355C;
  --njcc-granite-ledger:#4B545D;
  --njcc-atlantic-trust:#07B1B3;
  --njcc-garden-growth:#88C64F;
  --njcc-high-point:#CBC913;

  /* Logo mark petal colors (sampled from the mark) */
  --njcc-petal-teal:#00B1B3;
  --njcc-petal-green:#6CBE45;
  --njcc-petal-leaf:#A1CE57;
  --njcc-petal-lime:#CBC911;

  /* Navy ramp */
  --navy-900:#0F1F38;
  --navy-800:#16294A;
  --navy-700:#1C355C;
  --navy-600:#2A4877;
  --navy-500:#3C5F92;
  --navy-200:#AFC0D6;
  --navy-100:#D9E2ED;
  --navy-050:#EEF3F8;

  /* Granite (neutral) ramp */
  --granite-900:#23282D;
  --granite-700:#3A4249;
  --granite-600:#4B545D;
  --granite-400:#7B858E;
  --granite-300:#A8B0B7;
  --granite-200:#D3D7DB;
  --granite-100:#E9ECEE;
  --granite-050:#F4F6F7;
  --white:#FFFFFF;
  --off-white:#FAFBFB;

  /* Teal ramp */
  --teal-700:#05797A;
  --teal-600:#07B1B3;
  --teal-300:#7FD6D7;
  --teal-100:#DCF3F3;

  /* Green ramp */
  --green-700:#4E8C29;
  --green-600:#6CBE45;
  --green-500:#88C64F;
  --green-300:#C0E098;
  --green-100:#EDF7E2;

  /* Lime ramp */
  --lime-600:#A5A40F;
  --lime-500:#CBC913;
  --lime-200:#F0EFB4;

  /* Semantic aliases */
  --text-heading:var(--navy-700);
  --text-body:var(--granite-600);
  --text-muted:var(--granite-400);
  --text-on-dark:var(--white);
  --text-on-dark-muted:var(--navy-200);
  --text-link:var(--teal-700);
  --text-link-hover:var(--navy-700);

  --surface-page:var(--white);
  --surface-subtle:var(--granite-050);
  --surface-card:var(--white);
  --surface-tint-navy:var(--navy-050);
  --surface-tint-teal:var(--teal-100);
  --surface-tint-green:var(--green-100);
  --surface-inverse:var(--navy-700);
  --surface-inverse-deep:var(--navy-900);

  --border-hairline:var(--granite-200);
  --border-strong:var(--granite-300);
  --border-on-dark:rgba(255,255,255,.18);

  --accent-primary:var(--navy-700);
  --accent-secondary:var(--teal-600);
  --accent-growth:var(--green-500);
  --accent-rare:var(--lime-500);

  --action-bg:var(--navy-700);
  --action-bg-hover:var(--navy-600);
  --action-bg-active:var(--navy-800);
  --action-fg:var(--white);
  --action-secondary-bg:var(--green-500);
  --action-secondary-bg-hover:var(--green-600);
  --action-secondary-fg:var(--navy-900);

  --state-focus-ring:var(--teal-600);
  --state-success:var(--green-600);
  --state-disabled-bg:var(--granite-100);
  --state-disabled-fg:var(--granite-400);

  /* Data visualization sequence (ordered) */
  --dataviz-1:var(--navy-700);
  --dataviz-2:var(--teal-600);
  --dataviz-3:var(--green-500);
  --dataviz-4:var(--lime-500);
  --dataviz-5:var(--navy-500);
  --dataviz-6:var(--granite-300);

  /* Photo legibility overlays */
  --overlay-granite:rgba(75,84,93,.62);
  --overlay-navy:rgba(28,53,92,.68);
  --overlay-protect-bottom:linear-gradient(to top,rgba(15,31,56,.86) 0%,rgba(15,31,56,.55) 38%,rgba(15,31,56,0) 78%); /* @kind other */
  --overlay-protect-left:linear-gradient(to right,rgba(15,31,56,.88) 0%,rgba(15,31,56,.45) 45%,rgba(15,31,56,0) 85%); /* @kind other */
}