/* Values from vakdesign.fig. The palette is the 3-level dither palette
   (each channel 0, 0.5 or 1) plus the umber end of the button underline. */
:root {
  --ink: #010101;
  --white: #ffffff;
  --grey: #808080;
  --salmon: #ff8080;
  --umber: #99744d;
  --panel: #303030;
  --underline: linear-gradient(90deg, var(--salmon), var(--umber));

  --sans: "DM Sans", system-ui, sans-serif;
  --mono: "Red Hat Mono", ui-monospace, monospace;
  --button-face: "ITF Devanagari", var(--sans);

  /* Figma "Auto" line height = the font's own ascent + descent. */
  --lh-sans: 1.302;
  --lh-mono: 1.32;
  --track-tight: -0.07em;

  --page: 1200px;
  --gutter: 64px;
  --stack: 32px;
}

@media (max-width: 900px) {
  :root { --gutter: 32px; }
}

@media (max-width: 600px) {
  :root { --gutter: 16px; }
}