/*
 * Colourways for the Europe Makine keyword sites (docs/SPEC.md).
 * Selected by a class on <html>: cw-teal, cw-navy, cw-graphite, cw-forest, cw-sand.
 * tests/ColourwaysTest.php parses this file: every block defines the same
 * tokens as plain 6-digit hex, text pairs meet 4.5:1, UI pairs 3:1, no yellow.
 *
 * Where a SPEC accent is too light for text on a light paper (for example
 * #09acba on #f4f4f2), it is used only on the dark hero, and a darker teal of
 * the same hue carries text and buttons on paper.
 */

/* teal: EM brand. Light paper, brand-teal hero band. */
.cw-teal {
  --paper: #ffffff;
  --ink: #0f1b1e;
  --muted: #4a5a5e;
  --link: #07737c;
  --panel: #f1f7f8;
  --rule: #c8d6d9;
  --accent: #08838d;
  --focus: #0f1b1e;
  --hero-bg: #09acba;
  --hero-ink: #0f1b1e;
  --hero-muted: #10292d;
  --hero-link: #0f1b1e;
  --hero-rule: #0f1b1e;
  --btn-bg: #0f1b1e;
  --btn-ink: #ffffff;
  --band-bg: #0f1b1e;
  --band-ink: #ffffff;
}

/* navy: ink-dark hero, teal accent, cool paper. */
.cw-navy {
  --paper: #f6f8fa;
  --ink: #0e2233;
  --muted: #4b5866;
  --link: #07737c;
  --panel: #eaeff3;
  --rule: #c5d0d9;
  --accent: #08838d;
  --focus: #08838d;
  --hero-bg: #0e2233;
  --hero-ink: #ffffff;
  --hero-muted: #b9c6d2;
  --hero-link: #09acba;
  --hero-rule: #2d475d;
  --btn-bg: #07737c;
  --btn-ink: #ffffff;
  --band-bg: #0e2233;
  --band-ink: #ffffff;
}

/* graphite: dark hero, bright teal accent on dark only. */
.cw-graphite {
  --paper: #f4f4f2;
  --ink: #1c1f22;
  --muted: #50555a;
  --link: #07717a;
  --panel: #e9e9e6;
  --rule: #cdcec9;
  --accent: #07717a;
  --focus: #07717a;
  --hero-bg: #1c1f22;
  --hero-ink: #f4f4f2;
  --hero-muted: #b4b8bc;
  --hero-link: #09acba;
  --hero-rule: #3a3f44;
  --btn-bg: #07717a;
  --btn-ink: #ffffff;
  --band-bg: #1c1f22;
  --band-ink: #f4f4f2;
}

/* forest: deep green hero, green accent. */
.cw-forest {
  --paper: #f7f8f5;
  --ink: #14211c;
  --muted: #4d5a53;
  --link: #22694d;
  --panel: #ecefe8;
  --rule: #c9d1c7;
  --accent: #2f8f6b;
  --focus: #22694d;
  --hero-bg: #12352c;
  --hero-ink: #f7f8f5;
  --hero-muted: #b9cbc2;
  --hero-link: #8fd6b6;
  --hero-rule: #2c5246;
  --btn-bg: #22694d;
  --btn-ink: #ffffff;
  --band-bg: #12352c;
  --band-ink: #f7f8f5;
}

/* sand: warm paper, light hero, teal accent. */
.cw-sand {
  --paper: #f5f1ea;
  --ink: #1d1a16;
  --muted: #574f46;
  --link: #066b73;
  --panel: #ece5d9;
  --rule: #d3c9b9;
  --accent: #08838d;
  --focus: #066b73;
  --hero-bg: #e9e0d0;
  --hero-ink: #1d1a16;
  --hero-muted: #4f473e;
  --hero-link: #055f66;
  --hero-rule: #1d1a16;
  --btn-bg: #1d1a16;
  --btn-ink: #f5f1ea;
  --band-bg: #1d1a16;
  --band-ink: #f5f1ea;
}