/* ==========================================================================
   theme.css - Global Design Tokens & Adaptive Theme Modes
   ========================================================================== */

/* --- Default Light Theme Mode --- */
:root, :root[data-theme="light"] {
    --bg-color: #f3f4f6;
    --container-bg: #ffffff;
    --text-color: #1f2937;
    --text-muted: #4b5563;
    --sunken-bg: #f9fafb;
    --card-bg: #f3f4f6;
    --card-border: #e5e7eb;
    --btn-3d-shadow: #d1d5db;
    --accent-color: #3b82f6;
    --scrabble-grad: linear-gradient(135deg, #c9b458, #8c7d3a);
    --tile-green: #6aaa64;
}

/* --- Dynamic Dark Theme Mode --- */
:root[data-theme="dark"] {
    --bg-color: #1e1e24;
    --container-bg: #2a2a35;
    --text-color: #f5f5f7;
    --text-muted: #aaa;
    --sunken-bg: #121214;
    --card-bg: #23232c;
    --card-border: #3a3a45;
    --btn-3d-shadow: #15151a;
    --accent-color: #3b82f6;
    --scrabble-grad: linear-gradient(135deg, #c9b458, #8c7d3a);
    --tile-green: #538d4e;
}