/* ══════════════════════════════════════════
   Design Tokens / CSS Custom Properties
   ══════════════════════════════════════════ */

:root {
    --bg: #0f0f0f;
    --bg-card: #1a1a1a;
    --bg-card-hover: #222;
    --accent: #00d4aa;
    --accent-dim: rgba(0, 212, 170, 0.12);
    --text: #e0e0e0;
    --text-muted: #888;
    --border: #2a2a2a;
    --gradient: linear-gradient(135deg, #00d4aa 0%, #0088ff 100%);
}