/* =============================================================================
 * Tigerdarts - Theme (Dark / Light)
 * ============================================================================= */

:root,
[data-theme="dark"] {
    --bg-0: #0d0a14;
    --bg-1: #14101f;
    --bg-2: #1c1730;
    --bg-3: #2a2245;
    --border: #3a3055;
    --border-strong: #5a4a7c;
    --text: #ffffff;
    --text-dim: #d8d0e8;
    --text-mute: #9a91b0;
    --accent: #8b5cf6;
    --accent-2: #c084fc;
    --accent-dim: #6d28d9;
    --gold: #f59e0b;
    --gold-2: #fbbf24;
    --danger: #ef4444;
    --success: #10b981;
    --info: #06b6d4;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    --card-bg: var(--bg-1);
}

[data-theme="light"] {
    --bg-0: #f5f3f8;
    --bg-1: #ffffff;
    --bg-2: #f0ecf5;
    --bg-3: #e6e1ed;
    --border: #d4ccdf;
    --border-strong: #b8acc7;
    --text: #1a1424;
    --text-dim: #4a3f5a;
    --text-mute: #7a6f8c;
    --accent: #7c3aed;
    --accent-2: #8b5cf6;
    --accent-dim: #5b21b6;
    --gold: #d97706;
    --gold-2: #f59e0b;
    --danger: #dc2626;
    --success: #059669;
    --info: #0891b2;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --card-bg: var(--bg-1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
    background: var(--bg-0);
    color: var(--text);
    font-family: 'IBM Plex Sans', sans-serif;
    line-height: 1.5;
    transition: background-color 0.3s ease, color 0.3s ease;
}