/*
 * Design tokens for mafiabears.fr.
 *
 * The paintings are flat colour fields outlined in black ink; the site speaks the
 * same language. Each painting's section takes its own dominant colour as
 * background (--scene, set inline by scripts/build.py together with the readable
 * text colour --on-scene). Everything else stays ink, paper and honey.
 */
:root {
  /* Colour */
  --ink: #000000;          /* real black: it is the ink outline of the paintings */
  --paper: #FFFFFF;
  --honey: #E6A63A;        /* the honey jars; used for commissions and focus */
  --muted-on-ink: #B8B8B8; /* 10:1 on ink */

  /* Type: one variable family, width axis used for display sizes */
  --font: "Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;
  --step--1: 0.9375rem;                                   /* captions, legal */
  --step-0: 1.125rem;                                     /* body */
  --step-1: clamp(1.375rem, 1.1rem + 1.1vw, 1.875rem);    /* lede */
  --step-2: clamp(2.5rem, 1.6rem + 3.8vw, 4.75rem);       /* painting titles */
  --step-3: clamp(4.25rem, 1.2rem + 13vw, 13rem);         /* series title */
  --display-width: 75%;    /* font-stretch, mapped to the wdth axis */

  /* Space */
  --gutter: clamp(1rem, 4vw, 3.5rem);
  --scene-pad: clamp(4.5rem, 3rem + 8vw, 10rem);
  --frame: 4px;            /* ink outline around every painting */
  --measure: 60ch;
}