:root {
    /* Background — near-black */
    --bg: #0a0a0f;
    --surface: #111827;
    --surface-2: #1a2235;
    --border: #1e2d45;

    /* Text */
    --text: #e4e4ed;
    --muted: #8888a0;

    /* Accent — mint green */
    --accent: #00e5a0;
    --accent-dim: rgba(0, 229, 160, 0.08);
    --accent-glow: rgba(0, 229, 160, 0.15);
    --accent-border: rgba(0, 229, 160, 0.2);

    /* Status colors */
    --red: #ff4d6a;
    --red-dim: rgba(255, 77, 106, 0.08);
    --yellow: #fbbf24;
    --yellow-dim: rgba(251, 191, 36, 0.08);
    --blue: #60a5fa;

    /* Design system constants */
    --radius-card: 12px;
    --radius-btn: 8px;
    --radius-input: 8px;
    --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* 16px floor on mobile */
@media (max-width: 768px) {
    html { font-size: 16px; }
}