/* ZERVO brand tokens. Shared by every ZERVO template.
   The home page is the dark expression of these, the product page the light one:
   what carries the brand across them is the type and the accent, not the ground. */

:root {
  --z-ink:        #07090C;
  --z-ink-soft:   #5A6570;
  --z-ink-faint:  #8D979F;
  --z-ground:     #F6F7F5;
  --z-surface:    #FFFFFF;
  --z-line:       #E3E5E4;
  --z-line-firm:  #C9CDCB;

  /* One accent. It is a fill, never a text colour on a light ground -
     cyan type on off-white fails contrast. */
  --z-accent:     #3EDCEA;
  --z-accent-ink: #06282C;

  --z-font-display: Rubik, system-ui, -apple-system, sans-serif;
  --z-font-text:    Assistant, system-ui, -apple-system, sans-serif;

  --z-max: 1240px;
  --z-gap: clamp(16px, 3vw, 32px);
}