/* Coflux global color theme.
   Edit this file to change the website colour system across all active pages. */
:root {
  /* Clean institutional surfaces */
  --surface: #fbf8ff;
  --surface-dim: #d5d8f4;
  --surface-bright: #fbf8ff;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f3f2ff;
  --surface-container: #ececff;
  --surface-container-high: #e4e7ff;
  --surface-container-highest: #dee1fc;
  --surface-variant: #dee1fc;
  --background: #fbf8ff;
  --surface-rgb: 251, 248, 255;
  --surface-container-rgb: 236, 236, 255;
  --surface-dim-rgb: 213, 216, 244;

  /* Coflux primary brand blue */
  --primary: #4559a9;
  --on-primary: #ffffff;
  --primary-container: #5e72c4;
  --on-primary-container: #00031c;
  --inverse-primary: #b7c4ff;
  --primary-fixed: #dde1ff;
  --primary-fixed-dim: #b7c4ff;
  --on-primary-fixed: #001453;
  --on-primary-fixed-variant: #2b4090;
  --surface-tint: #4559a9;
  --primary-rgb: 69, 89, 169;

  /* Secondary support green */
  --secondary: #3b665c;
  --on-secondary: #ffffff;
  --secondary-container: #bae9dc;
  --on-secondary-container: #3f6b60;
  --secondary-fixed: #bdecdf;
  --secondary-fixed-dim: #a2d0c3;
  --on-secondary-fixed: #00201a;
  --on-secondary-fixed-variant: #224e45;

  /* Hygiene / sustainability green */
  --tertiary: #006b56;
  --on-tertiary: #ffffff;
  --tertiary-container: #00876d;
  --on-tertiary-container: #000704;
  --tertiary-fixed: #7ef8d4;
  --tertiary-fixed-dim: #5fdbb9;
  --on-tertiary-fixed: #002018;
  --on-tertiary-fixed-variant: #005140;
  --tertiary-rgb: 0, 107, 86;

  /* Errors */
  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #93000a;

  /* Borders and text */
  --on-surface: #161a2e;
  --on-surface-variant: #454651;
  --on-background: #161a2e;
  --inverse-surface: #2b2f44;
  --inverse-on-surface: #efefff;
  --outline: #757682;
  --outline-variant: #c5c5d3;
  --outline-variant-rgb: 197, 197, 211;
  --on-surface-rgb: 22, 26, 46;
  --on-surface-variant-rgb: 69, 70, 81;

  /* Text on colored backgrounds */
  --on-accent: #ffffff;
  --on-primary-rgb: 255, 255, 255;

  /* Page-specific aliases used by existing templates */
  --primary-dim: var(--on-primary-fixed-variant);
  --primary-dim-rgb: 43, 64, 144;
  --secondary-dim: var(--on-secondary-fixed-variant);
  --tertiary-dim: var(--on-tertiary-fixed-variant);
  --accent: var(--secondary);
  --accent-container: var(--secondary-container);
}