/* variables.css - CSS Custom Properties */
:root {
    --bg-dark: #0a0a0f;
    --bg-card: #12121a;
    --bg-input: #1a1a24;
    --bg-hover: #1e1e2a;
    --accent: #00d4aa;
    --accent-dim: #00a88a;
    --accent-glow: rgba(0, 212, 170, 0.15);
    --accent-bg-1: rgba(0, 212, 170, 0.08);
    --accent-bg-2: rgba(0, 168, 138, 0.05);
    --accent-text: #1a1a2e;
    --text: #e8e8ed;
    --text-dim: #8888a0;
    --text-muted: #555566;
    --border: #2a2a3a;
    --border-light: #3a3a4a;
    --error: #ff6b6b;
    --error-dim: #cc5555;
    --success: #00d4aa;
    --warning: #ffd93d;
    --warning-bg: rgba(255, 217, 61, 0.1);
    --brand-red: #c41e3a;
}