/* LetterCore Theme Definitions */
/* Each theme is named after its primary font */

/* Sans-Serif Fonts */
.theme-inter {
    --font-main: 'Inter', sans-serif;
    --bg-color: #121213;
    --text-color: #fff;
    --board-bg: #121213;
    --tile-empty: #3a3a3c;
    --tile-filled: #ffffff;
    --tile-border: #3a3a3c;
    --accent-color: #39a474;
    --accent-yellow: #b59f3b;
    --accent-red: #eb4d4b;
    --overlay-bg: rgba(0, 0, 0, 0.85);
    --shadow-text: #ffffff;
    --beam-color: rgba(57, 164, 116);
    --timer-color: #ffffff;
    --loading-shade: rgba(0, 0, 0, 0.4);
}

.theme-arial {
    --font-main: Arial, sans-serif;
    --bg-color: #1a1a1a;
    --text-color: #fff;
    --board-bg: #2a2a2a;
    --tile-empty: #3a3a3a;
    --tile-filled: #4a9eff;
    --tile-border: #4a4a4a;
    --accent-color: #4a9eff;
    --accent-yellow: #ffd700;
    --accent-red: #ff4444;
    --overlay-bg: rgba(26, 26, 26, 0.9);
    --shadow-text: #ffffff;
    --beam-color: rgba(74, 158, 255, 0.8);
    --timer-color: #4a9eff;
    --loading-shade: rgba(0, 0, 0, 0.4);
    --text-pending: #000000;
    --text-confirmed: #fff;
    --text-active: #fff;
}

.theme-helvetica {
    --font-main: 'Helvetica Neue', Helvetica, sans-serif;
    --bg-color: #2d3436;
    --board-bg: #636e72;
    --tile-empty: #b2bec3;
    --tile-filled: #dfe6e9;
    --text-color: #fff;
    --accent-color: #00cec9;
    --accent-yellow: #fdcb6e;
}

.theme-verdana {
    --font-main: Verdana, sans-serif;
    --bg-color: #0f172a;
    --text-color: #e2e8f0;
    --board-bg: #1e293b;
    --accent-color: #06b6d4;
    --accent-yellow: #fbbf24;
    --tile-empty: #06b6d4;
    --tile-filled: #fbbf24;
}

.theme-tahoma {
    --font-main: Tahoma, sans-serif;
    --bg-color: #1e1b4b;
    --text-color: #e0e7ff;
    --board-bg: #312e81;
    --accent-color: #8b5cf6;
    --accent-yellow: #fbbf24;
}

.theme-trebuchet {
    --font-main: 'Trebuchet MS', sans-serif;
    --bg-color: #14532d;
    --text-color: #d1fae5;
    --board-bg: #166534;
    --accent-color: #10b981;
    --accent-yellow: #fde047;
}

.theme-impact {
    --font-main: Impact, sans-serif;
    --bg-color: #450a0a;
    --text-color: #fee2e2;
    --board-bg: #7f1d1d;
    --accent-color: #ef4444;
    --accent-yellow: #fcd34d;
}

/* Serif Fonts */
.theme-georgia {
    --font-main: Georgia, serif;
    --bg-color: #422006;
    --text-color: #fef3c7;
    --board-bg: #78350f;
    --accent-color: #f59e0b;
    --accent-yellow: #fde68a;
}

.theme-times {
    --font-main: 'Times New Roman', Times, serif;
    --bg-color: #1c1917;
    --text-color: #fafaf9;
    --board-bg: #44403c;
    --accent-color: #a8a29e;
    --accent-yellow: #fde047;
}

.theme-palatino {
    --font-main: 'Palatino Linotype', Palatino, serif;
    --bg-color: #1e1b4b;
    --text-color: #e0e7ff;
    --board-bg: #3730a3;
    --accent-color: #6366f1;
    --accent-yellow: #fde047;
}

.theme-garamond {
    --font-main: Garamond, serif;
    --bg-color: #3f1d38;
    --text-color: #fce7f3;
    --board-bg: #701a75;
    --accent-color: #d946ef;
    --accent-yellow: #fde047;
}

.theme-bookman {
    --font-main: 'Bookman Old Style', serif;
    --bg-color: #134e4a;
    --text-color: #ccfbf1;
    --board-bg: #0f766e;
    --accent-color: #14b8a6;
    --accent-yellow: #fde68a;
}

/* Monospace Fonts */
.theme-courier {
    --font-main: 'Courier New', Courier, monospace;
    --bg-color: #f5f5dc;
    --text-color: #333;
    --board-bg: #e8e8d0;
    --tile-empty: #d0d0b0;
    --tile-filled: #fff;
    --tile-border: #8b4513;
    --accent-color: #8b4513;
    --accent-yellow: #cd853f;
}

.theme-monaco {
    --font-main: Monaco, monospace;
    --bg-color: #0c0a09;
    --text-color: #fafaf9;
    --board-bg: #292524;
    --accent-color: #a8a29e;
    --accent-yellow: #fbbf24;
}

.theme-consolas {
    --font-main: Consolas, monospace;
    --bg-color: #1e293b;
    --text-color: #cbd5e1;
    --board-bg: #334155;
    --accent-color: #3b82f6;
    --accent-yellow: #fbbf24;
}

.theme-lucida {
    --font-main: 'Lucida Console', Monaco, monospace;
    --bg-color: #064e3b;
    --text-color: #d1fae5;
    --board-bg: #065f46;
    --accent-color: #34d399;
    --accent-yellow: #fde047;
}

/* Display/Decorative Fonts */
.theme-comic {
    --font-main: 'Comic Sans MS', 'Chalkboard SE', cursive;
    --accent-color: #ff6b6b;
    --accent-yellow: #feca57;
    --bg-color: #2f3542;
    --board-bg: #57606f;
}

.theme-brush {
    --font-main: 'Brush Script MT', cursive;
    --bg-color: #500724;
    --text-color: #fce7f3;
    --board-bg: #831843;
    --accent-color: #ec4899;
    --accent-yellow: #fde047;
}

.theme-papyrus {
    --font-main: Papyrus, fantasy;
    --bg-color: #713f12;
    --text-color: #fef3c7;
    --board-bg: #92400e;
    --accent-color: #f59e0b;
    --accent-yellow: #fde68a;
}

.theme-copperplate {
    --font-main: 'Copperplate Gothic', fantasy;
    --bg-color: #1e3a8a;
    --text-color: #dbeafe;
    --board-bg: #1e40af;
    --accent-color: #3b82f6;
    --accent-yellow: #fbbf24;
}

.theme-rockwell {
    --font-main: 'Rockwell', serif;
    --bg-color: #7c2d12;
    --text-color: #fed7aa;
    --board-bg: #9a3412;
    --accent-color: #f97316;
    --accent-yellow: #fde047;
}

.theme-franklin {
    --font-main: 'Franklin Gothic Medium', sans-serif;
    --bg-color: #4c1d95;
    --text-color: #ede9fe;
    --board-bg: #5b21b6;
    --accent-color: #a855f7;
    --accent-yellow: #fde047;
}

/* System/Modern Fonts */
.theme-segoe {
    --font-main: 'Segoe UI', Tahoma, sans-serif;
    --bg-color: #18181b;
    --text-color: #fafafa;
    --board-bg: #3f3f46;
    --accent-color: #a1a1aa;
    --accent-yellow: #fde047;
}

.theme-calibri {
    --font-main: Calibri, sans-serif;
    --bg-color: #0c4a6e;
    --text-color: #e0f2fe;
    --board-bg: #075985;
    --accent-color: #0ea5e9;
    --accent-yellow: #fbbf24;
}

.theme-cambria {
    --font-main: Cambria, serif;
    --bg-color: #365314;
    --text-color: #ecfccb;
    --board-bg: #4d7c0f;
    --accent-color: #84cc16;
    --accent-yellow: #fef08a;
}

/* Brand-Inspired Gaming/Tech Themes */
/* Using legal font alternatives with brand-inspired aesthetics */

/* Retro 8-Bit (Nintendo-inspired) */
.theme-retro {
    --font-main: 'Courier New', 'Press Start 2P', monospace;
    --bg-color: #e60012;
    --text-color: #fff;
    --board-bg: #a00000;
    --accent-color: #ffdd00;
    --accent-yellow: #ffd700;
}

/* Blocky Bold (Roblox-inspired) */
.theme-blocky {
    --font-main: Impact, 'Arial Black', sans-serif;
    --bg-color: #000;
    --text-color: #fff;
    --board-bg: #1a1a1a;
    --accent-color: #e3000e;
    --accent-yellow: #00a2ff;
}

/* Pixel Art (Minecraft-inspired) */
.theme-pixel {
    --font-main: 'Courier New', monospace;
    --bg-color: #3c3c3c;
    --text-color: #fff;
    --board-bg: #252525;
    --accent-color: #7fb800;
    --accent-yellow: #ffb900;
}

/* Neon Cyber (Cyberpunk/Gaming) */
.theme-neon {
    --font-main: 'Orbitron', 'Arial Narrow', sans-serif;
    --bg-color: #0a0e27;
    --text-color: #00ffff;
    --board-bg: #1a1f3a;
    --accent-color: #ff00ff;
    --accent-yellow: #ffff00;
}

/* Smooth Modern (Apple-inspired) */
.theme-smooth {
    --font-main: -apple-system, 'SF Pro Display', 'Helvetica Neue', sans-serif;
    --bg-color: #f5f5f7;
    --text-color: #1d1d1f;
    --board-bg: #ffffff;
    --tile-empty: #e5e5e7;
    --tile-filled: #ffffff;
    --tile-border: #d1d1d6;
    --accent-color: #0071e3;
    --accent-yellow: #ff9500;
    --accent-red: #ff3b30;
    --overlay-bg: rgba(245, 245, 247, 0.95);
    --shadow-text: #000000;
    --beam-color: rgba(0, 0, 0, 0.6);
    --timer-color: #0071e3;
    --loading-shade: rgba(0, 0, 0, 0.1);
}

/* Material Design (Google-inspired) */
.theme-material {
    --font-main: 'Roboto', 'Product Sans', sans-serif;
    --bg-color: #fff;
    --text-color: #202124;
    --board-bg: #f8f9fa;
    --accent-color: #4285f4;
    --accent-yellow: #fbbc04;
}

/* Metro UI (Microsoft-inspired) */
.theme-metro {
    --font-main: 'Segoe UI', sans-serif;
    --bg-color: #0078d4;
    --text-color: #fff;
    --board-bg: #005a9e;
    --accent-color: #00bcf2;
    --accent-yellow: #ffb900;
}

/* Console Gaming (PlayStation-inspired) */
.theme-console {
    --font-main: 'SST', 'Arial Narrow', sans-serif;
    --bg-color: #003087;
    --text-color: #fff;
    --board-bg: #00439c;
    --accent-color: #0070cc;
    --accent-yellow: #00a8e1;
}

/* Emerald Green (Xbox-inspired) */
.theme-emerald {
    --font-main: 'Segoe UI', Tahoma, sans-serif;
    --bg-color: #107c10;
    --text-color: #fff;
    --board-bg: #0e6b0e;
    --accent-color: #7fba00;
    --accent-yellow: #ffb900;
}

/* Arcade Blast (Classic Arcade) */
.theme-arcade {
    --font-main: Impact, 'Arial Black', sans-serif;
    --bg-color: #000;
    --text-color: #ff00ff;
    --board-bg: #1a001a;
    --accent-color: #00ffff;
    --accent-yellow: #ffff00;
}

/* Premium Metallic Themes */
/* Luxury themes with metallic color schemes */

/* Gold - Ultimate Luxury */
.theme-gold {
    --font-main: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    --bg-color: #1a1000;
    --text-color: #ffd700;
    --board-bg: #2d2000;
    --tile-empty: #3d3000;
    --tile-filled: #ffe44d;
    --accent-color: #ffed4e;
    --accent-yellow: #ffa500;
}

/* Silver - Sleek Premium */
.theme-silver {
    --font-main: 'Helvetica Neue', Arial, sans-serif;
    --bg-color: #1a1a1d;
    --text-color: #c0c0c0;
    --board-bg: #2a2a2d;
    --tile-empty: #3a3a3d;
    --tile-filled: #e8e8e8;
    --accent-color: #d3d3d3;
    --accent-yellow: #a9a9a9;
}

/* Copper - Warm Metallic */
.theme-copper {
    --font-main: Georgia, 'Times New Roman', serif;
    --bg-color: #1a0f0a;
    --text-color: #b87333;
    --board-bg: #2d1a10;
    --tile-empty: #3d2515;
    --tile-filled: #d4a76a;
    --accent-color: #cd7f32;
    --accent-yellow: #ff8c42;
}

/* Bronze - Classic Victory */
.theme-bronze {
    --font-main: 'Garamond', 'Baskerville', serif;
    --bg-color: #150d08;
    --text-color: #cd7f32;
    --board-bg: #251a12;
    --tile-empty: #352718;
    --tile-filled: #e8a864;
    --accent-color: #b8860b;
    --accent-yellow: #daa520;
}


.theme-franklin {
    --font-main: 'Franklin Gothic Medium', sans-serif;
    --bg-color: #4c1d95;
    --text-color: #ede9fe;
    --board-bg: #5b21b6;
    --accent-color: #a855f7;
    --accent-yellow: #fde047;
}

/* System/Modern Fonts */
.theme-segoe {
    --font-main: 'Segoe UI', Tahoma, sans-serif;
    --bg-color: #18181b;
    --text-color: #fafafa;
    --board-bg: #3f3f46;
    --accent-color: #a1a1aa;
    --accent-yellow: #fde047;
}

.theme-calibri {
    --font-main: Calibri, sans-serif;
    --bg-color: #0c4a6e;
    --text-color: #e0f2fe;
    --board-bg: #075985;
    --accent-color: #0ea5e9;
    --accent-yellow: #fbbf24;
}

.theme-cambria {
    --font-main: Cambria, serif;
    --bg-color: #365314;
    --text-color: #ecfccb;
    --board-bg: #4d7c0f;
    --accent-color: #84cc16;
    --accent-yellow: #fef08a;
}

/* Brand-Inspired Gaming/Tech Themes */
/* Using legal font alternatives with brand-inspired aesthetics */

/* Retro 8-Bit (Nintendo-inspired) */
.theme-retro {
    --font-main: 'Courier New', 'Press Start 2P', monospace;
    --bg-color: #e60012;
    --text-color: #fff;
    --board-bg: #a00000;
    --accent-color: #ffdd00;
    --accent-yellow: #ffd700;
}

/* Blocky Bold (Roblox-inspired) */
.theme-blocky {
    --font-main: Impact, 'Arial Black', sans-serif;
    --bg-color: #000;
    --text-color: #fff;
    --board-bg: #1a1a1a;
    --accent-color: #e3000e;
    --accent-yellow: #00a2ff;
}

/* Pixel Art (Minecraft-inspired) */
.theme-pixel {
    --font-main: 'Courier New', monospace;
    --bg-color: #3c3c3c;
    --text-color: #fff;
    --board-bg: #252525;
    --accent-color: #7fb800;
    --accent-yellow: #ffb900;
}

/* Neon Cyber (Cyberpunk/Gaming) */
.theme-neon {
    --font-main: 'Orbitron', 'Arial Narrow', sans-serif;
    --bg-color: #0a0e27;
    --text-color: #00ffff;
    --board-bg: #1a1f3a;
    --accent-color: #ff00ff;
    --accent-yellow: #ffff00;
}

/* Smooth Modern (Apple-inspired) */
.theme-smooth {
    --font-main: -apple-system, 'SF Pro Display', 'Helvetica Neue', sans-serif;
    --bg-color: #f5f5f7;
    --text-color: #1d1d1f;
    --board-bg: #fff;
    --accent-color: #0071e3;
    --accent-yellow: #ff9500;
}

/* Material Design (Google-inspired) */
.theme-material {
    --font-main: 'Roboto', 'Product Sans', sans-serif;
    --bg-color: #fff;
    --text-color: #202124;
    --board-bg: #f8f9fa;
    --accent-color: #4285f4;
    --accent-yellow: #fbbc04;
}

/* Metro UI (Microsoft-inspired) */
.theme-metro {
    --font-main: 'Segoe UI', sans-serif;
    --bg-color: #0078d4;
    --text-color: #fff;
    --board-bg: #005a9e;
    --accent-color: #00bcf2;
    --accent-yellow: #ffb900;
}

/* Console Gaming (PlayStation-inspired) */
.theme-console {
    --font-main: 'SST', 'Arial Narrow', sans-serif;
    --bg-color: #003087;
    --text-color: #fff;
    --board-bg: #00439c;
    --accent-color: #0070cc;
    --accent-yellow: #00a8e1;
}

/* Emerald Green (Xbox-inspired) */
.theme-emerald {
    --font-main: 'Segoe UI', Tahoma, sans-serif;
    --bg-color: #107c10;
    --text-color: #fff;
    --board-bg: #0e6b0e;
    --accent-color: #7fba00;
    --accent-yellow: #ffb900;
}

/* Arcade Blast (Classic Arcade) */
.theme-arcade {
    --font-main: Impact, 'Arial Black', sans-serif;
    --bg-color: #000;
    --text-color: #ff00ff;
    --board-bg: #1a001a;
    --accent-color: #00ffff;
    --accent-yellow: #ffff00;
}

/* Premium Metallic Themes */
/* Luxury themes with metallic color schemes */

/* Gold - Ultimate Luxury */
.theme-gold {
    --font-main: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    --bg-color: #1a1000;
    --text-color: #ffd700;
    --board-bg: #2d2000;
    --tile-empty: #3d3000;
    --tile-filled: #ffe44d;
    --accent-color: #ffed4e;
    --accent-yellow: #ffa500;
}

/* Silver - Sleek Premium */
.theme-silver {
    --font-main: 'Helvetica Neue', Arial, sans-serif;
    --bg-color: #1a1a1d;
    --text-color: #c0c0c0;
    --board-bg: #2a2a2d;
    --tile-empty: #3a3a3d;
    --tile-filled: #e8e8e8;
    --accent-color: #d3d3d3;
    --accent-yellow: #a9a9a9;
}

/* Copper - Warm Metallic */
.theme-copper {
    --font-main: Georgia, 'Times New Roman', serif;
    --bg-color: #1a0f0a;
    --text-color: #b87333;
    --board-bg: #2d1a10;
    --tile-empty: #3d2515;
    --tile-filled: #d4a76a;
    --accent-color: #cd7f32;
    --accent-yellow: #ff8c42;
}

/* Bronze - Classic Victory */
.theme-bronze {
    --font-main: 'Garamond', 'Baskerville', serif;
    --bg-color: #150d08;
    --text-color: #cd7f32;
    --board-bg: #251a12;
    --tile-empty: #352718;
    --tile-filled: #e8a864;
    --tile-border: #4a3520;
    --accent-color: #b8860b;
    --accent-yellow: #daa520;
    --accent-red: #d2691e;
    --overlay-bg: rgba(21, 13, 8, 0.9);
    --shadow-text: #cd7f32;
    --beam-color: rgba(205, 127, 50, 0.6);
    --timer-color: #daa520;
    --loading-shade: rgba(218, 165, 32, 0.3);
}

/* Platinum - Elite Status */
.theme-platinum {
    --font-main: Futura, Century Gothic, sans-serif;
    --bg-color: #0d0d0f;
    --text-color: #e5e4e2;
    --board-bg: #1d1d1f;
    --tile-empty: #2d2d2f;
    --tile-filled: #f5f5f3;
    --tile-border: #3d3d3f;
    --accent-color: #d8d8d6;
    --accent-yellow: #c0c0c0;
    --accent-red: #ff6b6b;
    --overlay-bg: rgba(13, 13, 15, 0.9);
    --shadow-text: #e5e4e2;
    --beam-color: rgba(229, 228, 226, 0.6);
    --timer-color: #d8d8d6;
    --loading-shade: rgba(255, 255, 255, 0.2);
}

/* Anton Red - Bold Red Theme */
.theme-anton {
    --font-main: 'Anton', Impact, sans-serif;
    --bg-color: #1a0000;
    --text-color: #ffffff;
    --board-bg: #000000;
    --tile-empty: #330000;
    --tile-filled: #ff0000;
    --tile-border: #660000;
    --accent-color: #ff0000;
    --accent-yellow: #ffaa00;
    --accent-red: #cc0000;
    --overlay-bg: rgba(0, 0, 0, 0.9);
    --shadow-text: #ffffff;
    --beam-color: rgba(255, 0, 0, 0.8);
    --timer-color: #ff0000;
    --loading-shade: rgba(255, 0, 0, 0.3);
}

/* --- Holiday Themes --- */

/* Valentine's Day */
.theme-valentine {
    --bg-color: #2d0a12;
    --grid-bg: #4a1220;
    --tile-empty: #5c1e2e;
    --tile-filled: #ff4d6d;
    --text-color: #ffffff;
    --accent-color: #ff8fa3;
    --accent-yellow: #ffb3c1;
    --font-main: 'Brush Script MT', cursive;
}

/* St. Patrick's Day */
.theme-patrick {
    --bg-color: #0a2d0a;
    --grid-bg: #124a12;
    --tile-empty: #1e5c1e;
    --tile-filled: #2ecc71;
    --text-color: #ffffff;
    --accent-color: #f1c40f;
    /* Gold */
    --accent-yellow: #a2f10f;
    --font-main: 'Rockwell', serif;
}

/* Halloween */
.theme-halloween {
    --bg-color: #1a0a2d;
    --grid-bg: #2d124a;
    --tile-empty: #3d1e5c;
    --tile-filled: #ff9f43;
    /* Orange */
    --text-color: #ffffff;
    --accent-color: #a55eea;
    /* Purple */
    --accent-yellow: #feca57;
    --font-main: 'Creepster', cursive, 'Impact', sans-serif;
}

/* Thanksgiving */
.theme-thanksgiving {
    --bg-color: #2d1a0a;
    --grid-bg: #4a2d12;
    --tile-empty: #5c3d1e;
    --tile-filled: #e67e22;
    --text-color: #ffffff;
    --accent-color: #d35400;
    --accent-yellow: #f39c12;
    --font-main: 'Georgia', serif;
}

/* Christmas */
.theme-christmas {
    --bg-color: #0f2b1d;
    --grid-bg: #1a4a32;
    --tile-empty: #2e5c42;
    --tile-filled: #c0392b;
    /* Red */
    --text-color: #ffffff;
    --accent-color: #27ae60;
    /* Green */
    --accent-yellow: #f1c40f;
    /* Gold */
    --font-main: 'Mountains of Christmas', cursive, 'Georgia', serif;
}

/* New Year */
.theme-newyear {
    --bg-color: #000000;
    --grid-bg: #1a1a1a;
    --tile-empty: #333333;
    --tile-filled: #f1c40f;
    /* Gold */
    --text-color: #000000;
    --accent-color: #ffffff;
    --accent-yellow: #eebb00;
    --font-main: 'Cinzel', serif;
}

/* Spring Equinox */
.theme-spring {
    --bg-color: #1a2d1a;
    --grid-bg: #2d4a2d;
    --tile-empty: #3d5c3d;
    --tile-filled: #a8e6cf;
    /* Pastel Green */
    --text-color: #ffffff;
    --accent-color: #ff8b94;
    /* Pastel Pink */
    --accent-yellow: #dcedc1;
    /* Pastel Yellow */
    --font-main: 'Comic Sans MS', cursive, sans-serif;
}

/* Summer Solstice */
.theme-summer {
    --bg-color: #2d2d0a;
    --grid-bg: #4a4a12;
    --tile-empty: #5c5c1e;
    --tile-filled: #f1c40f;
    /* Bright Yellow */
    --text-color: #ffffff;
    --accent-color: #e67e22;
    /* Orange */
    --accent-yellow: #f39c12;
    --font-main: 'Impact', sans-serif;
}

/* Autumn Equinox */
.theme-autumn {
    --bg-color: #2d1a0a;
    --grid-bg: #4a2d12;
    --tile-empty: #5c3d1e;
    --tile-filled: #d35400;
    /* Burnt Orange */
    --text-color: #ffffff;
    --accent-color: #c0392b;
    /* Deep Red */
    --accent-yellow: #f39c12;
    --font-main: 'Georgia', serif;
}

/* Winter Solstice */
.theme-winter {
    --bg-color: #0a1a2d;
    --grid-bg: #122d4a;
    --tile-empty: #1e3d5c;
    --tile-filled: #a29bfe;
    /* Icy Purple/Blue */
    --text-color: #ffffff;
    --accent-color: #74b9ff;
    /* Icy Blue */
    --accent-yellow: #dfe6e9;
    --font-main: 'Courier New', monospace;
}

/* Earth Day */
.theme-earth {
    --bg-color: #0a2d1a;
    --grid-bg: #124a2d;
    --tile-empty: #1e5c3d;
    --tile-filled: #2ecc71;
    /* Green */
    --text-color: #ffffff;
    --accent-color: #3498db;
    /* Blue */
    --accent-yellow: #f1c40f;
    --font-main: 'Verdana', sans-serif;
}