/* ASQALA design tokens. Every value here was decided on the brand page
   (brand/index.html); do not invent new colours in component CSS. */
:root {
  /* product tones, measured from photography; only where product appears */
  --vlies: #C9C4BA;  --beige: #A9A096;  --taupe: #8C8278;
  --stein: #5A5751;  --anthrazit: #3A3A38;  --kohle: #222220;

  /* surface: Puna-Himmel */
  --papier: #F1F3F4;          /* ground */
  --tinte:  #1B1F22;          /* text, marks: 14.9:1 on papier */
  --neben:  #5F6B72;          /* secondary text: 4.92:1 */
  --himmel: #4F6E82;          /* the one accent, buttons and links: 4.86:1 */
  --himmel-tief: #3E5868;     /* accent hover/pressed */
  --linie:  rgba(27, 31, 34, 0.14);
  --karte:  #FFFFFF;

  --display: 'Jost', 'Century Gothic', sans-serif;
  --text:    'Archivo', system-ui, sans-serif;

  --pad: clamp(20px, 4.5vw, 72px);
  --wrap: 1280px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --radius: 0;                /* one radius system: none; the product is soft, the frame is not */
}