/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   MixLift brand tokens — Netlify-side mirror of
   mixlift-api/src/mixlift_api/templates/_tokens.css.

   If these drift, the brand spec at
   /Users/felix/software-projects/mixlift-brand.md is the arbiter.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

:root {
  /* ── Canvas ── */
  --bg:          #0a0a0a;
  --surface:     #111111;
  --surface-2:   #181818;

  /* ── Rules ── */
  --rule:         rgba(255,255,255,0.08);
  --rule-strong:  rgba(255,255,255,0.14);

  /* ── Text ── */
  --text-1:  #f0f0f0;
  --text-2:  #b8b8b8;
  --text-3:  #737373;

  /* ── Accent ── */
  --accent:      #c084fc;
  --accent-dim:  rgba(192,132,252,0.12);
  --accent-mid:  rgba(192,132,252,0.35);

  /* ── Amber ── */
  --amber:  #f59e0b;

  /* ── Type ── */
  --mono:  'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
  --sans:  'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ── Motion ── */
  --fast:  120ms ease;
}