/* Sënkiu — design tokens. Brand colours are the ones in use on senkiucoffee.com. */
:root {
  --red: #c40a18;
  --cream: #efe5d3;
  --ink: #0e0b0a;

  /* Derived tints (used sparingly: shadows, hairlines, hover states) */
  --red-deep: #9d0813;
  --cream-hi: #f7f1e4;
  --cream-lo: #e2d4bb;
  --ink-soft: #2a2321;

  --line-on-cream: rgba(14, 11, 10, 0.16);
  --line-on-red: rgba(239, 229, 211, 0.28);

  --font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --step--1: clamp(0.78rem, 0.76rem + 0.1vw, 0.86rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.12rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.5vw, 1.55rem);
  --step-2: clamp(1.6rem, 1.3rem + 1.4vw, 2.5rem);
  --step-3: clamp(2.2rem, 1.5rem + 3.2vw, 4.4rem);
  --step-4: clamp(3rem, 1.6rem + 6vw, 8rem);
  --step-5: clamp(4.2rem, 1.2rem + 13vw, 17rem);

  --gutter: clamp(20px, 4vw, 56px);
  --radius-card: 20px;
  --radius-pill: 999px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --header-h: 84px;
}