/* bAwear Score — color tokens */
:root{
  /* Base — brand blues */
  --blue-900:#16264A;
  --blue-800:#1F3660; /* bAwear dark (headers, dark surfaces, footer) */
  --blue-700:#2757BD;
  --blue-600:#2E64D4; /* bAwear blue (primary) */
  --blue-500:#4285F4; /* light accent (links, highlights, secondary CTAs) */
  --blue-300:#7FA6F0;
  --blue-200:#B9CEF3;
  --blue-100:#DCE7F9;
  --blue-50:#EEF3FC;
  /* Base — cool neutrals */
  --grey-900:#1C222B;
  --grey-800:#2B3440;
  --grey-700:#3A4556;
  --grey-600:#5B6674;
  --grey-500:#7A8494;
  --grey-400:#9AA4B2;
  --grey-300:#C3CAD4;
  --grey-200:#E3E7EC;
  --grey-100:#EEF1F4;
  --grey-50:#F6F8FA;
  --white:#FFFFFF;
  /* Status (functional UI only; never as sustainability signals) */
  --amber-600:#B7791F;
  --amber-100:#FBEED3;
  --red-600:#C43D3D;
  --red-100:#FADEDE;
  /* Semantic aliases */
  --color-primary:var(--blue-600);
  --color-primary-hover:var(--blue-700);
  --color-primary-active:var(--blue-800);
  --color-accent:var(--blue-500);
  --color-dark:var(--blue-800);
  --text-heading:var(--blue-800);
  --text-body:var(--grey-700);
  --text-muted:var(--grey-500);
  --text-on-primary:var(--white);
  --text-on-dark:var(--white);
  --text-link:var(--blue-500);
  --text-link-hover:var(--blue-700);
  --surface-page:var(--white);
  --surface-subtle:var(--grey-50);
  --surface-card:var(--white);
  --surface-dark:var(--blue-800);
  --surface-primary-tint:var(--blue-50);
  --border-default:var(--grey-200);
  --border-strong:var(--grey-300);
  --border-focus:var(--blue-500);
  /* Data viz — score & chart scale (blues only, dark = high impact) */
  --chart-1:var(--blue-800);
  --chart-2:var(--blue-600);
  --chart-3:var(--blue-500);
  --chart-4:var(--blue-300);
  --chart-5:var(--blue-200);
  --chart-grid:var(--grey-200);
  --chart-label:var(--grey-600);
}