/* The Care Card marketing pages: one set of colours, read by every page.
 *
 * Before this (2026-09-26) each page carried its own :root. The four main pages held
 * twelve identical declarations, copied four times, and styles.css held a thirteenth
 * copy that had already drifted: --ink-soft was #1f2d3d there and #46566a on the pages.
 * Same name, two colours. That is the reason this file exists.
 *
 * These values mirror the app's palette (src/theme/palette.js), asserted by
 * src/theme/landingTokens.test.ts, so the site and the app cannot drift apart either.
 *
 * The rule that shapes the palette: a brand colour used behind white text, or written
 * with on paper, needs a darker twin. --blue is the Care Card blue and it is a FILL;
 * anything that is text uses --blue-deep. Contrast is asserted, both ways.
 */
:root {
  /* Brand: the same values the app paints with */
  --yellow: #FFE600;          /* app: secondary. Always with ink on it, 13.7:1 */
  --ink: #0E1B2A;             /* app: brand */
  --blue: #477BE2;            /* app: primary. FILL ONLY: as text on paper it is 3.97:1 */
  --blue-deep: #3461C0;       /* app: primaryInk. The blue we write with, 5.70:1 on paper */
  --blue-hover: #284A98;      /* app: primaryInkHover */
  --paper: #FFFDF5;           /* app: surfaceAlt */

  /* Marketing-only colours, no app equivalent */
  --yellow-soft: #FFF06B;
  --ink-soft: #46566a;        /* body copy, 7.37:1 on paper */
  --ink-faint: #667085;       /* the quietest text we allow, 4.88:1. Was #7c8b9d at 3.42:1 */
  --fmc-blue: #1B4D6B;
  --fmc-blue-deep: #143b52;
  --coral: #FF6B5C;           /* FILL ONLY: 2.75:1 as text */
  --mint: #16B98B;            /* FILL ONLY: 2.47:1 as text */
  --shadow: rgba(14, 27, 42, .16);

  /* Surfaces */
  --bg: #FBFBFC;
  --surface: #FFFFFF;
  --line: rgba(14, 27, 42, .08);
  --line-strong: rgba(14, 27, 42, .14);

  /* Organisation band accents. A SEPARATE source from --yellow so the band can be
     retuned without touching the card, even though they default to the same value.
     Overridable at runtime via landing_config (render.ts themeOverride). */
  --accent-chip: #FFE600;
  --accent-chip-glyph: #0E1B2A;
  --accent-emphasis: #FFE600;

  /* Type. One family, two roles (Ben, 2026-09-26). Headings were Fraunces, a
     high-contrast serif, with the second line of the hero filled by a clipped blue
     gradient. Both read as stock AI-landing-page: the gradient especially, which was
     the signature of every AI startup site in 2023 and 2024. A tool carers use does
     not need a decorative headline, and one family is one less font to load. */
  --font-display: 'Hanken Grotesk', sans-serif;
  --font-body: 'Hanken Grotesk', sans-serif;
}