/* Pay with Phantom: lilac paper, deep plum ink, one violet for the main action. The card itself is the only
   lavender thing on the page, so it always reads as the object. */
:root {
  color-scheme: light;

  /* ground and surfaces */
  --bg: #f3f0fa;
  --bg-2: #ebe6f7;
  --surface: #ffffff;
  --surface-2: #f7f5fc;

  --line: rgba(27, 21, 48, 0.1);
  --line-2: rgba(27, 21, 48, 0.2);

  /* text */
  --ink: #1b1530;
  --ink-2: #453d5e;
  --muted: #6f6887;

  /* ONE accent with ONE meaning: the main action and the headline's second beat */
  --accent: #5b3df5;
  --on-accent: #ffffff;

  /* the card's own colours (never used for UI) */
  --card: #ab9ff2;
  --card-2: #c3baf7;
  --card-ink: #1b1530;

  /* states only */
  --good: #12805a;
  --bad: #c42b3d;
  --warn: #9a6500;

  --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --font-text: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "DM Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --display-weight: 800;
  --display-tracking: -0.04em;

  --r-sm: 10px;
  --r: 18px;
  --r-lg: 28px;
  --r-pill: 999px;
  --border: 1px solid var(--line);
  --shadow: 0 1px 0 rgba(27, 21, 48, 0.04), 0 18px 40px -28px rgba(27, 21, 48, 0.35);

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 140ms;
  --t: 280ms;

  --wrap: 1160px;
  --gut: clamp(16px, 4vw, 40px);
  --top-h: 64px;
}