:root {
  /* Icon stroke weight. The same icon set reads hairline here or heavy
     elsewhere without a second set of files. */
  --icon-stroke: 2;
  /* Written for people who are nervous about the transaction. Bigger body
     text, generous leading, soft corners, and a rounded humanist face rather
     than a neutral grotesque. */
  --font-body: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-head: "Segoe UI Variable Display", "Segoe UI Semibold", var(--font-body);
  --h-weight: 700;
  --h-tracking: -0.008em;
  --body-size: 17px;
  --body-leading: 1.7;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --bullet: "\2713";
  --bg: #ffffff;
  --bg-alt: #f4f6fb;
  --card-bg: #ffffff;
  --text: #10182b;
  --text-muted: #5b6478;
  --border: #dde3f0;
  --accent: #2563eb;
  --accent-text: #ffffff;
  --success: #15803d;
}

.tier-card, .market-card, .order-summary, .deposit-box {
  box-shadow: 0 1px 3px rgba(16, 24, 43, 0.08);
}