/**
 * FunCards - CSS Variables
 * Központi változók a teljes alkalmazáshoz
 * Kibővített verzió a style.css alapján
 */

:root {
    /* ================================================
       SZÍNEK - FŐ PALETTA
       ================================================ */
    --bg-main: #0f172a;
    --bg-panel: #1e293b;
    --bg-card: #334155;
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --border-color: rgba(255, 255, 255, 0.1);

    /* ================================================
       NEMEK
       ================================================ */
    --color-male: #3b82f6;
    --color-female: #ec4899;

    /* ================================================
       EREDMÉNYEK
       ================================================ */
    --color-win: #10b981;
    --color-lose: #ef4444;
    --color-gold: #f59e0b;

    /* ================================================
       NEHÉZSÉGI SZINTEK (TIER)
       ================================================ */
    --tier-easy: #34d399;
    --tier-medium: #fbbf24;
    --tier-hard: #a78bfa;
    --tier-extreme: #f87171;

    /* ================================================
       BORDER RADIUS
       ================================================ */
    --radius-lg: 24px;
    --radius-md: 12px;
    --radius-btn: 50px;

    /* ================================================
       LAYOUT
       ================================================ */
    --max-app-width: 600px;

    /* ================================================
       ANIMÁCIÓK - IDŐZÍTÉSEK
       ================================================ */
    --transition-fast: 0.2s;
    --transition-normal: 0.3s;
    --transition-slow: 0.5s;
    --transition-card: 0.4s;

    /* ================================================
       Z-INDEX RÉTEGEK
       ================================================ */
    --z-base: 1;
    --z-card-content: 5;
    --z-card-category: 10;
    --z-card-tip: 15;
    --z-swipe-overlay: 20;
    --z-fx-overlay: 25;
    --z-blind-decision: 60;
    --z-spinner: 50;
    --z-multiplier: 50;
    --z-lang-switcher: 100;
    --z-modal: 2000;
    --z-viewer-modal: 3000;
    --z-tooltip: 5000;

    /* ================================================
       EGYÉB SZÍNEK
       ================================================ */
    --color-blue-light: #60a5fa;
    --color-blue-primary: #3b82f6;
    --color-blue-dark: #2563eb;

    --color-pink-primary: #db2777;

    --color-green-light: #059669;
    --color-green-primary: #10b981;

    --color-red-primary: #ef4444;
    --color-red-dark: #dc2626;

    --color-purple-primary: #6366f1;
    --color-purple-dark: #4f46e5;

    /* ================================================
       BACKDROP & OVERLAY
       ================================================ */
    --overlay-dark: rgba(0, 0, 0, 0.9);
    --overlay-medium: rgba(0, 0, 0, 0.5);
    --overlay-light: rgba(0, 0, 0, 0.3);

    --glass-bg: rgba(30, 41, 59, 0.85);
    --glass-bg-light: rgba(255, 255, 255, 0.05);
    --glass-bg-lighter: rgba(255, 255, 255, 0.1);
}