:root {
  /* Icon stroke weight. The same icon set reads hairline here or heavy
     elsewhere without a second set of files. */
  --icon-stroke: 1.7;
  --bg: #faf9f5;
  --bg-alt: #eef2f1;
  --card-bg: #ffffff;
  --text: #1a1a19;
  --text-muted: #6b6a64;
  --border: #dbe3e1;
  --accent: #0f766e;
  --accent-text: #ffffff;
  --success: #166534;

  /* A rate desk. Tight, precise, numbers doing the talking. Headings sit
     close and heavy; figures use the same face as the prose so a price reads
     as a fact rather than as marketing. */
  --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, sans-serif;
  --font-head: var(--font-body);
  --h-weight: 660;
  --h-tracking: -0.022em;
  --body-size: 16px;
  --body-leading: 1.6;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --bullet: "\2013";
}

.tier-card, .market-card, .order-summary, .deposit-box {
  box-shadow: 0 1px 3px rgba(26, 26, 25, 0.06);
}