/* ---------------------------------------------------------------
   Season Solutions design tokens
   Approved direction: "Second Bell", revised 2026-08-20.
   Pale blue-grey ground (the beige was rejected), ink pushed cool so it
   sits with the grey, yellow reserved for actions and accents.
   --------------------------------------------------------------- */

:root {
  /* Ground and surface */
  --ss-paper:      #EDF1F4;   /* page ground */
  --ss-surface:    #FFFFFF;   /* cards, header, product photo areas */
  --ss-ink:        #12171C;   /* headings, primary text, dark panels */
  --ss-ink-soft:   #1B2229;
  --ss-muted:      #67717C;   /* secondary text */
  --ss-hair:       #DBE2E8;   /* hairlines and dividers */

  /* Brand */
  --ss-yellow:     #F0C22E;   /* actions, utility bar, tile rules */
  --ss-yellow-ink: #2A230A;   /* text on yellow, never white */
  --ss-yellow-dk:  #D9AC1C;   /* hover */
  --ss-script:     #E0B01B;   /* the "Solutions" script in the logo */

  /* Type */
  --ss-font-display: "Familjen Grotesk", system-ui, -apple-system, sans-serif;
  --ss-font-body:    "Instrument Sans", system-ui, -apple-system, sans-serif;

  /* Rhythm */
  --ss-gutter:  clamp(20px, 4vw, 46px);
  --ss-radius:  4px;
  --ss-shadow:  0 1px 2px rgba(18,23,28,.05), 0 14px 34px -14px rgba(18,23,28,.18);
  --ss-shadow-hover: 0 2px 4px rgba(18,23,28,.07), 0 18px 40px -14px rgba(18,23,28,.26);

  --ss-max: 1240px;
}