/* ============================================================
 * SOFTLY & SONS - app-level override sheet (TOKEN SKIN ONLY)
 * ------------------------------------------------------------
 * Created: 2026-08-21 (S1 scaffold slice).
 *
 * The canonical thus(digital) styleguide (vendor/tokens.css,
 * vendor/base.css, vendor/components.css) is loaded FIRST and is
 * SACROSANCT - never edited in-repo. This sheet loads LAST and, for
 * the S1 scaffold slice, carries ONE thing only: a brand token skin.
 * It RE-VALUES canonical tokens in :root so every canonical component
 * picks up the Softly water brand automatically. It defines NO custom
 * classes and re-skins NO canonical component. Layout / component
 * overrides (if ever needed) are a later, Seth-authorised concern.
 *
 * PALETTE - calm / clean / utility water brand. Deep water blue anchor,
 * fresh aqua accent, cool near-white ground, slate-teal ink (never pure
 * black body text). Status hues kept functional; their fades cooled to
 * sit inside the palette.
 *
 * TYPE - the canon @font-face faces (Fredoka / M PLUS) ship as local
 * woff2 that are NOT vendored here, so canon type would fall back to
 * system-ui. We instead re-value the --ff-* family tokens to Manrope
 * (loaded via Google Fonts in index.html): a clean geometric-humanist
 * sans that reads as modern utility - fit for a no-nonsense supplier.
 * Typography sizing / weight stays owned by canon; only the family
 * token is re-pointed. px only, no rem/em, hex only inside :root.
 * ============================================================ */

:root {
  /* COLOUR - brand */
  --c-primary:    #1B5E7A;  /* deep water blue - trust + depth (PRIMARY) */
  --c-secondary:  #2E9BB8;  /* fresh aqua - clean / fresh accent */
  --c-tertiary:   #A9D2DE;  /* pale aqua - soft muted accent */

  /* COLOUR - body + surface (--c-black left at canon #000000) */
  --c-body:       #16303A;  /* deep slate-teal ink - calm, not pure black */
  --c-mid:        #5A727C;  /* blue-grey - secondary text */
  --c-invert-1:   #C2D5DC;  /* cool light - borders / lines */
  --c-invert-2:   #E3EDF1;  /* cool very light - subtle surface */
  --c-bg:         #F4F9FB;  /* barely-there cool tint - clean page ground */

  /* COLOUR - status (functional hues retained; fades cooled to match;
     green leans slightly teal to harmonise with the water palette) */
  --c-red:        #C4453A;
  --c-red-fade:   #FBECEA;
  --c-amber:      #D8871F;
  --c-amber-fade: #FBF1DF;
  --c-green:      #1E9E6A;
  --c-green-fade: #E6F5EE;

  /* TYPE - families (re-pointed to a vendored-safe web font; canon
     owns all sizing / weight / line-height) */
  --ff-display: 'Manrope', system-ui, -apple-system, sans-serif;
  --ff-body:    'Manrope', system-ui, -apple-system, sans-serif;
}