/* ═══════════════════════════════════════════════
   BASE – CSS változók, reset, globális alapok
   MovarFM · css/base.css
   ═══════════════════════════════════════════════ */

/* ─── CSS változók (sötét mód alapértelmezett) ─── */
:root{
    --bg-1:#040912;
    --bg-2:#09111d;
    --bg-3:#0c1728;
    --card:rgba(11,18,31,.64);
    --card-strong:rgba(8,14,25,.84);
    --line:rgba(255,255,255,.09);
    --line-soft:rgba(255,255,255,.05);
    --text:#edf5ff;
    --muted:#9cb0c9;
    --muted-2:#71839c;
    --accent:#00d2ff;
    --success:#22c55e;
    --danger:#ef4444;
    --status-ok:#cdf7e0;
    --status-warn:#ffe1a6;
    --status-error:#ffd1d1;
    --radius-xl:28px;
    --shadow:0 25px 60px rgba(0,0,0,.38);
    --visualizer-color:#00d2ff;
}

/* ─── Világos mód változók ─── */
[data-theme="light"]{
    --bg-1:#eef3fb;
    --bg-2:#e4ecf7;
    --bg-3:#d8e4f2;
    --card:rgba(255,255,255,.72);
    --card-strong:rgba(248,251,255,.90);
    --line:rgba(0,0,0,.09);
    --line-soft:rgba(0,0,0,.06);
    --text:#0d1827;
    --muted:#4d6580;
    --muted-2:#7a92a8;
    --accent:#0099bb;
    --success:#16a34a;
    --danger:#dc2626;
    --status-ok:#0f7a3f;
    --status-warn:#8a5a00;
    --status-error:#a11f1f;
    --shadow:0 25px 60px rgba(0,0,0,.10);
}

/* ─── Reset ─── */
*{box-sizing:border-box}
html{scroll-behavior:smooth}

/* ─── Body ─── */
body{
    margin:0;
    color:var(--text);
    font-family:'Inter','Segoe UI',sans-serif;
    background:
        radial-gradient(circle at 10% 10%, rgba(0,210,255,.09), transparent 24%),
        radial-gradient(circle at 90% 0%, rgba(94,114,228,.10), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(0,210,255,.07), transparent 28%),
        linear-gradient(180deg,var(--bg-1),var(--bg-2) 45%,var(--bg-3));
    min-height:100vh;
    overflow-x:hidden;
    letter-spacing:-.01em;
}

/* ─── Globális elemek ─── */
a{text-decoration:none;color:inherit}
button,input{font:inherit}
img{display:block;max-width:100%}

/* ─── Glass segédosztály ─── */
.glass{
    background:var(--card);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

/* ─── AJAX betöltési csík ─── */
#ajax-loader{
    position:fixed;top:0;left:0;z-index:9999;
    height:3px;width:0%;
    background:linear-gradient(90deg,var(--accent),#7eeeff);
    border-radius:0 2px 2px 0;
    transition:width .4s ease;
    pointer-events:none;
    opacity:0;
}
#ajax-loader.loading{opacity:1;}
#ajax-loader.done{
    opacity:0;
    transition:width .2s ease, opacity .35s ease .05s;
}

/* ─── Segédosztályok ─── */
.hidden{display:none !important}

/* ─── Animációk ─── */
@keyframes pulse{
    0%{transform:scale(1);opacity:1}
    70%{transform:scale(2.2);opacity:0}
    100%{transform:scale(1);opacity:0}
}

@keyframes floatCover{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-6px)}
}