/**
 * Zmienne CSS - Tablet Frakcyjny
 */
:root {
    /* Tła */
    --bg-deep: #08080a;
    --bg-primary: #0c0c0e;
    --bg-secondary: #121214;
    --bg-card: #1a1a1e;
    --bg-card-hover: #222228;
    --bg-elevated: #242428;
    --bg-input: #161618;
    --bg-overlay: rgba(0, 0, 0, 0.75);

    /* Akcenty */
    --accent-cyan: #00d4d4;
    --accent-teal: #14b8a6;
    --accent-blue: #3b82f6;
    --accent-cyan-dim: rgba(0, 212, 212, 0.15);
    --accent-glow: 0 0 20px rgba(0, 212, 212, 0.35);
    --accent-glow-sm: 0 0 10px rgba(0, 212, 212, 0.2);

    /* Tekst */
    --text-primary: #f0f0f2;
    --text-secondary: #a0a0a8;
    --text-muted: #6b6b75;
    --text-dim: #4a4a52;

    /* Statusy */
    --status-active: #22c55e;
    --status-inactive: #ef4444;
    --status-warning: #f59e0b;
    --status-archived: #8b5cf6;

    /* Ramki */
    --border-subtle: rgba(255, 255, 255, 0.06);
    --border-default: rgba(255, 255, 255, 0.1);
    --border-focus: var(--accent-cyan);

    /* Wymiary */
    --sidebar-width: 260px;
    --topbar-height: 52px;
    --stats-panel-width: 220px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;

    /* Cienie */
    --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4);
    --shadow-modal: 0 24px 64px rgba(0, 0, 0, 0.6);

    /* Animacje */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
    --transition-slow: 400ms ease;

    /* Font */
    --font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-mono: 'Consolas', 'Courier New', monospace;
}