/*
  BRAND SETTINGS
  One place for colours and fonts, so a rebrand is a quick swap.
  If you change the fonts here, also update the Google Fonts link
  in the <head> of each page that uses this file.
*/

:root {
  /* Colours */
  --sand: #F4F8FA;
  --sand-dark: #DCE5EA;
  --earth: #1D5E7C;
  --sage: #3A6535;
  --sage-light: #E8F1E3;
  --ink: #14242F;
  --ink-mid: #51636E;
  --ink-light: #5F6B73;
  --white: #FFFFFF;
  --accent: #1D5E7C;
  --accent-hover: #174C65;

  /* Brand refresh (Sep 2026). The older names above now point at the new
     colours, so pages didn't need rewriting. Source of truth:
     ../Brand/brand-book.md */
  --deep-sea: #1D5E7C;       /* anything you can tap, the logo */
  --deep-sea-soft: #E6EFF4;  /* spot icon circles, stat tiles */
  --deep-sea-ink: #174C65;
  --sun: #EDB24A;            /* brand moments only, never a status */
  --sun-soft: #FDF3DA;       /* small warm notes only, never a background band */
  --mist: #F4F8FA;
  --line: #DCE5EA;
  --sun-stroke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 13 C 50 5, 120 4, 197 10' fill='none' stroke='%23EDB24A' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E");

  /* Fonts */
  --font-heading: 'Albert Sans', sans-serif;
  --font-body: 'Albert Sans', sans-serif;
}