/* ==========================================================================
   COLOUR SCHEMES
   --------------------------------------------------------------------------
   Four ready-made colour schemes. The site currently uses "navy".

   The picker that let visitors switch between them is hidden for now.
   To bring it back: open content.js and set  showThemePicker: true

   You should not need to edit this file. If you want to change a colour,
   change it in the "navy" block below, since that is the one in use.
   ========================================================================== */

/* ---- Navy and teal ---- */
:root{
  --brand: #12314f;
  --brand-dk: #0e2740;
  --brand-dkr: #0b2036;
  --brand-hair: #24486a;
  --accent: #3aa6a0;
  --accent-lt: #4fb8b2;
  --accent-dk: #2f8f8a;
  --on-accent: #0e2b45;
  --accent-tint: #e4f3f1;
  --accent-tint-bd: #cfe7e5;
  --accent-ink: #1c6a66;
  --ground: #e7edf5;
  --ground-bd: #d5e0ec;
  --card-tint: #f7f9fb;
  --card-bd: #dae3ee;
  --faint: #5f6d7a;
  --on-brand-soft: #cfdce8;
  --on-brand-mute: #9fb3c6;
  --c1: #1c6a66;
  --c1-bg: #e4f3f1;
  --c1-bd: #cbe6e3;
  --c2: #12314f;
  --c2-bg: #e7eef6;
  --c2-bd: #d3e0ec;
  --c3: #b7791f;
  --c3-bg: #fdf3e3;
  --c3-bd: #eeddba;
  --c3-ink: #7a4f0e;
  --c4: #2f7d5b;
  --c4-bg: #e7f3ec;
  --c4-bd: #cbe3d6;
  --font-display: Archivo;
  --font-body: "Instrument Sans";
}

/* ---- Slate and amber ---- */
html[data-theme="slate"]{
  --brand: #1f2d3d;
  --brand-dk: #17222e;
  --brand-dkr: #111a24;
  --brand-hair: #3b4d61;
  --accent: #d99a2b;
  --accent-lt: #e8ad42;
  --accent-dk: #b87f1c;
  --on-accent: #241a05;
  --accent-tint: #fdf1de;
  --accent-tint-bd: #efdcbb;
  --accent-ink: #8a5f13;
  --ground: #ecf0f4;
  --ground-bd: #dbe1e8;
  --card-tint: #f8fafb;
  --card-bd: #dee4ea;
  --faint: #5d6a76;
  --on-brand-soft: #d3dae2;
  --on-brand-mute: #9dabba;
  --c1: #b87f1c;
  --c1-bg: #fdf1de;
  --c1-bd: #efdcbb;
  --c2: #35506b;
  --c2-bg: #e8eef4;
  --c2-bd: #d3dfea;
  --c3: #a45a3a;
  --c3-bg: #f8e9e2;
  --c3-bd: #ecd2c6;
  --c3-ink: #7d3d23;
  --c4: #2d6f6b;
  --c4-bg: #e3f0ef;
  --c4-bd: #c8e2e0;
  --font-display: Sora;
  --font-body: "Source Sans 3";
}

/* ---- Charcoal and clinical blue ---- */
html[data-theme="clinical"]{
  --brand: #232b33;
  --brand-dk: #1a2128;
  --brand-dkr: #131920;
  --brand-hair: #3d4a56;
  --accent: #005eb8;
  --accent-lt: #1a75c9;
  --accent-dk: #004b93;
  --on-accent: #ffffff;
  --accent-tint: #e6f0f9;
  --accent-tint-bd: #c6dcf0;
  --accent-ink: #00509e;
  --ground: #edf1f4;
  --ground-bd: #dbe3e9;
  --card-tint: #f8fafb;
  --card-bd: #dee5ea;
  --faint: #5d6874;
  --on-brand-soft: #d4dae0;
  --on-brand-mute: #9ba7b2;
  --c1: #00509e;
  --c1-bg: #e6f0f9;
  --c1-bd: #c6dcf0;
  --c2: #232b33;
  --c2-bg: #ecedf0;
  --c2-bd: #d7dade;
  --c3: #a15c00;
  --c3-bg: #fdf0dd;
  --c3-bd: #eddcbb;
  --c3-ink: #7a4600;
  --c4: #1f7a5c;
  --c4-bg: #e3f1ec;
  --c4-bd: #c8e3d8;
  --font-display: Manrope;
  --font-body: "IBM Plex Sans";
}

/* ---- Moss and terracotta ---- */
html[data-theme="moss"]{
  --brand: #24382f;
  --brand-dk: #1b2b24;
  --brand-dkr: #131f1a;
  --brand-hair: #3d5a4c;
  --accent: #c96f4a;
  --accent-lt: #d78561;
  --accent-dk: #a85736;
  --on-accent: #2a1008;
  --accent-tint: #fbeee7;
  --accent-tint-bd: #f0d5c7;
  --accent-ink: #9a4f2e;
  --ground: #ebefec;
  --ground-bd: #d8e0da;
  --card-tint: #f8faf9;
  --card-bd: #dce4de;
  --faint: #5b6a62;
  --on-brand-soft: #cfdbd4;
  --on-brand-mute: #9cb0a6;
  --c1: #2c6b53;
  --c1-bg: #e6f1eb;
  --c1-bd: #cbe0d5;
  --c2: #9a4f2e;
  --c2-bg: #fbeae2;
  --c2-bd: #f0cfc6;
  --c3: #8a6a1c;
  --c3-bg: #f7f0da;
  --c3-bd: #e7dbba;
  --c3-ink: #634d13;
  --c4: #2f5f7a;
  --c4-bg: #e5eef4;
  --c4-bd: #cbdde9;
  --font-display: "Space Grotesk";
  --font-body: "Public Sans";
}