@use '../variables' as *;

// Base color variables
$blue-primary: #2563eb;
$blue-secondary: #1d4ed8;
$blue-light: #93c5fd;
$blue-lighter: #dbeafe;
$blue-lightest: #bfdbfe;
$blue-dark: #1e3a8a;
$blue-darker: #1e40af;

$green-primary: #16a34a;
$green-secondary: #15803d;
$green-light: #86efac;
$green-lighter: #dcfce7;
$green-lightest: #bbf7d0;
$green-dark: #14532d;
$green-darker: #166534;

$teal-primary: #0d9488;
$teal-secondary: #073c39;
$teal-light: #5eead4;
$teal-lighter: #ccfbf1;
$teal-lightest: #99f6e4;
$teal-dark: #134e4a;
$teal-darker: #115e59;

$purple-primary: #9333ea;
$purple-secondary: #3c0d9c;
$purple-light: #c4b5fd;
$purple-lighter: #e9d5ff;
$purple-lightest: #ddd6fe;
$purple-dark: #581c87;
$purple-darker: #6b21a8;

// Background colors
$hero-bg-light-start: #e0e7ef;
$hero-bg-light-end: #91c5e0;

// Alpha values
$alpha-bg-low: 0.3;

// WCAG AAA compliant text colors
$text-aaa-light: #111827; // Near black for AAA contrast on light backgrounds
$text-aaa-dark: #ffffff; // Pure white for AAA contrast on dark backgrounds

$hero-light-theme: (
  hero-background: #f1efe8,
  // Stat card backgrounds – flat brand tones
  stat-primary-bg: #e6f1fb,
  stat-primary-value: #042c53,
  stat-primary-label: #042c53,

  stat-secondary-bg: #f1efe8,
  stat-secondary-value: #042c53,
  stat-secondary-label: #042c53,

  stat-tertiary-bg: #e6f1fb,
  stat-tertiary-value: #042c53,
  stat-tertiary-label: #042c53,

  stat-quaternary-bg: #faeeda,
  stat-quaternary-value: #412402,
  stat-quaternary-label: #412402,
);

$hero-dark-theme: (
  hero-background: #042c53,
  // Stat card backgrounds – flat brand tones for dark
  stat-primary-bg: rgba(12, 68, 124, 0.6),
  stat-primary-value: #e6f1fb,
  stat-primary-label: #b5d4f4,

  stat-secondary-bg: rgba(12, 68, 124, 0.4),
  stat-secondary-value: #e6f1fb,
  stat-secondary-label: #b5d4f4,

  stat-tertiary-bg: rgba(12, 68, 124, 0.6),
  stat-tertiary-value: #e6f1fb,
  stat-tertiary-label: #b5d4f4,

  stat-quaternary-bg: rgba(239, 159, 39, 0.15),
  stat-quaternary-value: #ef9f27,
  stat-quaternary-label: #e6f1fb,
);
