/* Ortak site teması — includes/header.php ve bakim.php tarafından paylaşılır.
   Renk paletini değiştirmek için sadece bu dosyayı düzenle. */
:root{
    --brand1:#7C5CFC;
    --brand2:#048A6C;
    --brand3:#FF6B6B;
    --bg1:#f7f8fc;
    --bg2:#eef1f8;
    --ink:#1f2430;
    --ink-soft:#5b6472;
    --accent:var(--brand2);
    --surface:rgba(255,255,255,0.72);
    --surface-navbar:rgba(255,255,255,0.85);
    --font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
html[data-theme="blue"]{
    --brand1:#0EA5E9;--brand2:#0369A1;--brand3:#3B82F6;--accent:#0369A1;
    --bg1:#eaf6ff;--bg2:#cfeaff;
    --surface:rgba(232,247,255,0.82);--surface-navbar:rgba(232,247,255,0.92);
}
html[data-theme="red"]{
    --brand1:#F43F5E;--brand2:#BE123C;--brand3:#EF4444;--accent:#BE123C;
    --bg1:#fff1f2;--bg2:#ffd3d8;
    --surface:rgba(255,238,240,0.82);--surface-navbar:rgba(255,238,240,0.92);
}
html[data-theme="orange"]{
    --brand1:#F97316;--brand2:#C2410C;--brand3:#FB923C;--accent:#C2410C;
    --bg1:#fff6ec;--bg2:#ffdfb3;
    --surface:rgba(255,241,224,0.82);--surface-navbar:rgba(255,241,224,0.92);
}
html[data-theme="green"]{
    --brand1:#10B981;--brand2:#065F46;--brand3:#34D399;--accent:#065F46;
    --bg1:#e9fdf5;--bg2:#b7f5d8;
    --surface:rgba(224,250,238,0.82);--surface-navbar:rgba(224,250,238,0.92);
}

body{
    background:radial-gradient(1200px 600px at 10% 10%,color-mix(in oklab,var(--brand1) 10%,transparent),transparent),radial-gradient(1000px 500px at 90% 20%,color-mix(in oklab,var(--brand2) 8%,transparent),transparent),linear-gradient(180deg,var(--bg1),var(--bg2));
    color:var(--ink);
    min-height:100vh;
    font-family:var(--font-body);
    transition:background-color .3s;
}
.glass{
    backdrop-filter:blur(14px);
    background:var(--surface);
    border:1px solid rgba(15,23,42,0.08);
    border-radius:1rem;
    box-shadow:0 20px 60px rgba(31,36,48,0.10);
    transition:background-color .3s;
}
.neon{
    font-weight:800;
    text-shadow:0 0 12px color-mix(in oklab,var(--accent) 25%,transparent);
}
.dot-default{background:linear-gradient(135deg,#7C5CFC,#048A6C);}
.dot-blue{background:linear-gradient(135deg,#0EA5E9,#0369A1);}
.dot-red{background:linear-gradient(135deg,#F43F5E,#BE123C);}
.dot-orange{background:linear-gradient(135deg,#F97316,#C2410C);}
.dot-green{background:linear-gradient(135deg,#10B981,#065F46);}