/* Pawsight light "paws" surface for the /247-vet/ pages ONLY.

   docs/BRAND.md §2.3 forbids dark surfaces and §2.4 requires a light
   `theme-color`. The shared ../style.css is the *host* sheet and is dark, but
   every colour in it goes through a :root token — so re-declaring those tokens
   here is the whole re-theme. Same specificity, loaded after it, so it wins.

   Why a separate file and not a <style> block: _headers sets
   `style-src 'self'` with no 'unsafe-inline', and sites/verify-sites.py fails
   the build on inline styles. An extra same-origin stylesheet is CSP-clean.

   Deliberately NOT changed here:
     - the 3fts studio wordmark (the amber sun on charcoal) is host branding;
       its two colours are pinned back to the host values at the bottom.
     - ../style.css itself, which every other page on the host shares.

   CONTRAST, measured (WCAG 2.x, sRGB): every ink below was checked against
   every surface this page uses — #FFF8F2, #FFFFFF, #FFF4EC, #FDF0E6. The worst
   pair is 4.77:1 (#text 11.71–13.09, #muted 4.78–5.35, #faint 5.66–6.33,
   #accent 5.35–5.98, #accent-2 5.99–6.70, #accent-3 4.77–5.33,
   #accent-4 6.35–7.10). BRAND.md's own --muted #806E64 measures 4.34:1 on
   #FDF0E6, below AA, so it is darkened to the closest value that clears 4.5:1
   on all four surfaces.
*/
:root {
  color-scheme: light;

  /* surfaces — warm, never grey and never white-on-white */
  --bg: #FFF8F2;
  --bg-soft: #FDF0E6;
  --surface: #FFFFFF;
  --surface-hi: #FFF4EC;
  --rule: #F1DFD2;
  --line: #E4CBB8;

  /* ink */
  --text: #3A2E2A;
  --muted: #7A675D;
  --faint: #6E5C52;

  /* the paw. --accent is the deep coral used for links and the focus ring;
     --accent-2..4 keep the host's subject hues (engineering/shipping/research),
     darkened so each clears AA on cream. */
  --accent: #B23A16;
  --accent-2: #1D4ED8;
  --accent-3: #1F7A4A;
  --accent-4: #6D28D9;

  /* generous, consistent rounding — BRAND.md §2.2.6 */
  --radius: 20px;
  --radius-sm: 12px;
}

/* The 3fts studio wordmark keeps the host's own mark: amber sun on charcoal.
   Its colours are pinned to the host values so re-theming the page does not
   re-theme the studio's logo. */
.wordmark__mark .m-bg { fill: #0a0c0f; }
.wordmark__mark .m-sun { fill: #f2a93b; }
.wordmark__mark .m-rays { stroke: #f2a93b; }