:root {
  /* Velmora: a poster look on a mid-tone periwinkle ground */
  --c-ground: #8f9cc0;
  --c-surface: #eef0f6;
  --c-ink: #0e1020;
  --c-muted: #2a2f48;
  --c-line: #b8bfd6;
  --c-accent: #b8125c;
  --c-on-accent: #ffffff;
  --f-display: "Unbounded", "Outfit", system-ui, sans-serif;
  --f-body: "Outfit", system-ui, sans-serif;
  --radius: 10px;
  --space: 4px;

  /* extras of the look */
  --c-pop: #ffd23a;
  --c-block: #1b2040;
  --c-on-block: #eef0f6;
  --c-success: #17784a;
  --c-progress: #2b4fc4;
  --c-danger: #c0262d;
  --c-neutral: #5a5f74;
  --page-max: 1440px;
  --gutter: 32px;
  --ease: cubic-bezier(.2, .7, .3, 1);
  --t-fast: 140ms;
}

@media (max-width: 1100px) {
  :root { --gutter: 20px; }
}

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

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; }
}