/* StonkBuilders shared interface contract.
 * Standalone tools use this palette and logo treatment so they remain part of
 * the same product family as StonkScope. Keep new pages on these tokens. */
:root {
  --sb-canvas: #f4f6f4;
  --sb-surface: #ffffff;
  --sb-surface-soft: #f6f8f5;
  --sb-surface-tint: #eef3ed;
  --sb-ink: #18251e;
  --sb-muted: #66736c;
  --sb-faint: #8a948d;
  --sb-line: #dbe2dc;
  --sb-brand: #426c23;
  --sb-brand-dark: #31551b;
  --sb-brand-soft: rgba(66, 108, 35, .09);
  --sb-gold: #95702f;
  --sb-danger: #b94848;
  --sb-radius-sm: 8px;
  --sb-radius-md: 12px;
  --sb-radius-lg: 16px;
  --sb-shadow-card: 0 18px 45px rgba(38, 60, 35, .07);
  --sb-font: Inter, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
}

/* Map the legacy Airdrop Studio tokens onto the StonkBuilders system. */
:root {
  --bg: var(--sb-canvas);
  --paper: var(--sb-surface);
  --ink: var(--sb-ink);
  --muted: var(--sb-muted);
  --line: var(--sb-line);
  --blue: var(--sb-brand);
  --blue-dark: var(--sb-brand-dark);
  --blue-light: var(--sb-brand-soft);
  --green: var(--sb-brand);
  --green-light: var(--sb-surface-tint);
  --amber: var(--sb-gold);
  --amber-light: #fbf5e8;
}

body { background: var(--sb-canvas); color: var(--sb-ink); }
.sb-page-frame { min-height: 100vh; background: var(--sb-canvas); color: var(--sb-ink); font-family: var(--sb-font); }
.sb-brand-lockup { display: inline-flex; align-items: center; gap: 11px; color: var(--sb-ink); text-decoration: none; }
.sb-brand-mark { width: 33px; height: 33px; color: var(--sb-brand); flex: 0 0 auto; }
.sb-brand-name { font-size: 19px; line-height: 1.1; font-weight: 700; letter-spacing: -.6px; }
.sb-brand-name span { color: var(--sb-muted); font-weight: 400; }
.sb-brand-meta { display: block; margin-top: 4px; color: var(--sb-faint); font-size: 9px; font-weight: 650; letter-spacing: .16em; text-transform: uppercase; }
.brand-mark { background: linear-gradient(145deg, var(--sb-brand-dark), var(--sb-brand)) !important; }
.network-strip { background: var(--sb-surface-tint); border-color: var(--sb-line); }
.network-strip strong, .network-strip .right { color: var(--sb-brand); }
.network-dot, .dot { background: var(--sb-brand); }