/* GAPOA design tokens — Stripe-like, magenta accent */
:root {
  --font-display: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-sans: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --bg: #ffffff;
  --bg-elev: #ffffff;
  --bg-sunk: #f7f6f8;
  --bg-deep: #0e0a14;

  --ink: #14101c;
  --ink-2: #3d3548;
  --ink-3: #6c6478;
  --ink-4: #9a93a6;
  --line: #ebe6ef;
  --line-2: #f1edf4;

  /* Magenta accent — primary #bd33a4 */
  --accent: #bd33a4;
  --accent-ink: #962881;
  --accent-soft: #fbeaf6;
  --accent-deep: #5a1a4d;

  --positive: #1a8754;
  --warn: #b86b1a;
  --danger: #cf3537;
  --info: #0570de;

  --s-1: 4px;  --s-2: 8px;
  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px;
  --s-8: 32px; --s-10: 40px;
  --s-12: 48px; --s-16: 64px;

  --r-1: 4px; --r-2: 6px; --r-3: 10px; --r-pill: 999px;

  --shadow-1: 0 1px 2px rgba(20,16,28,0.04), 0 1px 3px rgba(20,16,28,0.06);
  --shadow-2: 0 4px 12px rgba(20,16,28,0.06), 0 12px 32px rgba(20,16,28,0.06);
  --shadow-3: 0 16px 48px rgba(20,16,28,0.14);
}

.t-display { font-family: var(--font-display); font-weight: 600; letter-spacing: -0.025em; line-height: 1.05; }
.t-tiny { font-weight: 600; font-size: 11px; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-3); }
.t-mono { font-family: var(--font-mono); font-size: 12px; }