/* ============================================================
   MERIDIAN EDUCATION — COLOUR SOURCE OF TRUTH (LIGHT)
   ------------------------------------------------------------
   There is ONE master colour: --c-theme.
   Neutrals (--c-ink, --c-body, --c-muted, --c-text-dim) are edited here too.
   Accent surfaces are derived from --c-theme (and refined by js/mckinsey.js).

   >>> To re-theme accents, change --c-theme. <<<
   >>> Hero subtext uses --c-muted; search bar text uses --c-text-dim. <<<
   Hard-refresh (Ctrl+Shift+R) after edits so the browser picks up the change.
   ============================================================ */

:root {
  /* ============================================================
     >>> EDIT THIS ONE COLOUR <<<
     ============================================================ */
  --c-theme: rgb(206, 5, 35);


  /* -------- Derived from --c-theme -------- */
  --c-accent:       var(--c-theme);
  --c-accent-hover: color-mix(in srgb, var(--c-theme) 82%, #000000);
  --c-accent-soft:  color-mix(in srgb, var(--c-theme) 55%, #ffffff);
  --c-accent-pale:  color-mix(in srgb, var(--c-theme) 12%, #ffffff);
  --c-lines:        color-mix(in srgb, var(--c-theme) 28%, #ffffff);
  --c-on-accent:    #ffffff;

  --c-ink:          #111111;
  --c-body:         #333333;
  --c-muted:        #353535;
  --c-text-dim:     #3d3d3d;

  --c-surface:      #ffffff;
  --c-surface-alt:  color-mix(in srgb, var(--c-theme) 4%, #ffffff);
  --c-hero-wash:    color-mix(in srgb, var(--c-theme) 8%, #ffffff);
  --c-border:       color-mix(in srgb, var(--c-theme) 14%, #e8e8e8);

  --c-primary:      color-mix(in srgb, var(--c-theme) 78%, #ffffff);
  --c-primary-2:    color-mix(in srgb, var(--c-theme) 62%, #ffffff);
  --c-primary-tint: color-mix(in srgb, var(--c-theme) 45%, #ffffff);
  --c-primary-deep: color-mix(in srgb, var(--c-theme) 88%, #000000 12%);
  --c-white:        #ffffff;
}