/* The page's palette and fonts (the swiss recipe): SymyOn's alone. The agents use var(--name),
   they never define a colour or a font of their own.

   white-primary: a pure white page, near-black ink, one primary (the swiss red) in big flat areas.
   The delivered frames are opaque on #0b1018, so the product sits on a dark stage (a black plate
   on the white page); the stage's own ink is light. One grotesk (Inter Tight) for everything. */
:root {
  --ground: #ffffff;            /* the page (white) */
  --stage: #0b1018;             /* the frames' ground: the dark plate the product sits on */
  --stage-lift: #141b26;        /* a step up from the stage: the part-label panels */
  --ink: #0a0a0a;               /* text on white */
  --ink-soft: #6b6b6b;          /* soft text on white */
  --stage-ink: #e6ebf1;         /* text on the dark stage */
  --stage-ink-soft: #8a97a6;    /* soft text on the dark stage */
  --accent: #E63329;            /* the swiss red: the one primary, in big flat areas */
  --line: rgba(10, 10, 10, 0.14);        /* hairlines on white */
  --stage-line: rgba(230, 235, 241, 0.16); /* hairlines on the dark stage */
  --font-display: 'Inter Tight', sans-serif;
  --font-mono: 'Inter Tight', sans-serif;
}