/*
  THEME: the only file to edit when Nick's brand kit arrives.
  Colours and fonts follow the King Kong design bar (06-funnel-pages.md, 12.1),
  with two text colours darkened so every text colour passes WCAG AA.
*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");

:root {
  /* Brand */
  --navy: #031F31;          /* body text and headlines on light sections */
  --blue: #46ABE0;          /* highlight words on DARK sections (8:1 on black) */
  --blue-ink: #1C76AD;      /* highlight words on LIGHT sections (4.9:1 on white) */
  --orange: #CC5929;        /* buttons, signature, accents (white text = large-text AA) */
  --orange-dark: #A9441B;   /* button hover / focus */

  /* Surfaces */
  --black: #000000;
  --light: #F5F5F5;
  --white: #FFFFFF;
  --chip: #E0E0E0;          /* marker chip behind one key line */
  --on-dark: #F2F8FC;       /* text on black */
  --on-dark-muted: #B9C6CF; /* secondary text on black (9:1) */
  --card-dark: #2A3239;
  --muted: #4A5B66;         /* secondary text on white (7:1) */
  --line: #D9DEE2;

  /* States */
  --green: #237F49;         /* confirm bar, ticks (4.9:1 with white) */
  --green-soft: #E3F4EA;
  --red: #B42318;
  --red-soft: #FDE8E6;
  --gold: #F5B400;          /* stars (decorative) */
  --focus: #FFB020;         /* focus ring, visible on dark and light */

  /* Type */
  --font: "Poppins", "Helvetica Neue", Arial, sans-serif;
  --w-body: 300;
  --w-semi: 600;
  --w-bold: 700;

  /* Layout */
  --max: 1200px;
  --letter: 625px;
  --gutter: 16px;
  --radius: 14px;
}