/* ==========================================================================
   GLOBAL THEMES & CSS VARIABLES
   Ten plik definiuje zmienne CSS używane w grach (Wisielec, Statki)
   Uproszczony do jednego neutralnego, zunifikowanego motywu Premium Dark.
   ========================================================================== */

:root {
    --bg-primary: #080A10;              /* Central dark cosmic black */
    --bg-secondary: rgba(17, 22, 34, 0.65); /* Translucent slate */
    --bg-panel: rgba(17, 22, 34, 0.85);
    
    --text-main: #6366F1;               /* Central Indigo accent */
    --text-muted: #9CA3AF;              /* Cool gray secondary text */
    --text-alert: #EF4444;              /* Rose Red */
    
    --border-color: rgba(255, 255, 255, 0.06);
    --border-glow: 0 0 10px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(99, 102, 241, 0.15);
    
    --btn-bg: rgba(99, 102, 241, 0.1);
    --btn-bg-hover: rgba(99, 102, 241, 0.25);
    --btn-border: #6366F1;
    --btn-text: #F3F4F6;
    --btn-shadow: 0 0 10px rgba(99, 102, 241, 0.25);

    /* Zmienne siatki gry w statki */
    --cell-empty-bg: rgba(17, 22, 34, 0.4);
    --cell-empty-border: rgba(255, 255, 255, 0.05);
    --cell-ship-bg: rgba(99, 102, 241, 0.4);
    --cell-hit-bg: rgba(239, 68, 68, 0.6);
    --cell-miss-bg: rgba(255, 255, 255, 0.12);
    --cell-sunk-bg: rgba(239, 68, 68, 0.9);

    --font-family: 'Outfit', sans-serif;
}

/* Globalne style kontrolek */
body {
    background-color: var(--bg-primary);
    color: var(--text-muted);
    font-family: var(--font-family);
    transition: background-color 0.3s ease, color 0.3s ease;
}