/* Minotti design tokens. Source of truth: DESIGN.md (system 5 of 10). */
:root {
  /* color */
  --bg: #D9D2C5;              /* travertine, page */
  --ink: #1D1A17;             /* text, primary buttons */
  --mat: #ECE7DE;             /* passe-partout, form ground */
  --muted: #4F4840;
  --basalt: #26282A;
  --on-basalt: #E9E4DA;
  --on-basalt-muted: #A9A49B;
  --on-primary: #ECE7DE;
  --accent: #6E2A25;          /* oxblood */
  --on-accent: #F3EEE6;
  --accent-on-basalt: #C98F86;
  --outline: rgba(29, 26, 23, 0.22);
  --outline-strong: rgba(29, 26, 23, 0.55);
  --outline-basalt: rgba(233, 228, 218, 0.22);
  --error: #8E2B1F;
  --scrim: rgba(29, 26, 23, 0.40);

  /* type */
  --display: 'Bodoni Moda', 'Bodoni Fallback', Georgia, serif;
  --text: 'Jost', 'Jost Fallback', Arial, sans-serif;

  /* space: 6px unit */
  --u: 6px;
  --container: 1520px;
  --text-col: 640px;
  --gutter: 18px;
  --margin: 20px;
  --section: 84px;
  --notch: 16px;
  --notch-s: 9px;
  --matw: 12px;
  --head-h: 60px;

  /* motion */
  --t-fast: 160ms;
  --t-mid: 260ms;
  --t-slow: 420ms;
  --ease-in: cubic-bezier(.22, .61, .36, 1);   /* arriving: decelerate */
  --ease-out: cubic-bezier(.55, 0, .75, .2);   /* leaving: accelerate */

  /* layers */
  --z-head: 40;
  --z-mega: 45;
  --z-sheet: 60;
}
@media (min-width: 480px) { :root { --margin: 30px; --matw: 18px; } }
@media (min-width: 900px) { :root { --gutter: 36px; --margin: 48px; --section: 120px; --head-h: 104px; } }
@media (min-width: 1280px) { :root { --margin: 72px; --section: 168px; } }