/* Repmight tasarım belirteçleri: site ve panel aynı dili kullanır.
   Tema: <html data-theme="light|dark|system">; "system" cihaz ayarını izler (/theme/<mod>). */
@font-face{font-family:"Inter";src:url("/static/fonts/InterVariable.woff2") format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap}

:root{
  color-scheme:light;
  --font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* marka */
  --brand:#6D4AFF;--brand-2:#22D3EE;--brand-ink:#fff;
  --grad:linear-gradient(135deg,#7C5CFF 0%,#5B8CFF 45%,#22D3EE 100%);
  --grad-soft:linear-gradient(135deg,rgba(124,92,255,.14),rgba(34,211,238,.10));
  /* yüzeyler (açık) */
  --bg:#FAFAFC;--bg-2:#F3F4F8;--surface:#FFFFFF;--surface-2:#F7F8FB;--overlay:rgba(250,250,252,.82);
  --border:#E6E8EF;--border-strong:#D5D9E3;
  --text:#0E1120;--text-2:#3B4256;--muted:#667085;--faint:#98A2B3;
  /* durum */
  --ok:#16A34A;--ok-bg:#DCFCE7;--warn:#D97706;--warn-bg:#FEF3C7;--bad:#DC2626;--bad-bg:#FEE2E2;
  --info:#0891B2;--info-bg:#CFFAFE;
  /* ölçüler */
  --r-sm:8px;--r:12px;--r-lg:18px;--r-xl:24px;
  --shadow-sm:0 1px 2px rgba(16,24,40,.06);
  --shadow:0 1px 2px rgba(16,24,40,.06),0 8px 24px rgba(16,24,40,.08);
  --shadow-lg:0 24px 64px rgba(16,24,40,.16);
  --ring:0 0 0 3px rgba(109,74,255,.35);
  --glow:0 0 0 1px rgba(124,92,255,.25),0 8px 32px rgba(124,92,255,.18);
  --ease:cubic-bezier(.2,.8,.2,1);
}

/* koyu tema: açıkça seçildiyse veya cihaz koyuysa (açık seçilmedikçe) */
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0B0D12;--bg-2:#0F1218;--surface:#12151C;--surface-2:#181C25;--overlay:rgba(11,13,18,.78);
  --border:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.14);
  --text:#E8EAF0;--text-2:#C3C8D4;--muted:#8B93A5;--faint:#5E6677;
  --ok:#4ADE80;--ok-bg:rgba(74,222,128,.12);--warn:#FBBF24;--warn-bg:rgba(251,191,36,.12);
  --bad:#F87171;--bad-bg:rgba(248,113,113,.12);--info:#22D3EE;--info-bg:rgba(34,211,238,.12);
  --brand:#8B6CFF;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);
  --shadow-lg:0 24px 64px rgba(0,0,0,.55);
  --ring:0 0 0 3px rgba(139,108,255,.45);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0B0D12;--bg-2:#0F1218;--surface:#12151C;--surface-2:#181C25;--overlay:rgba(11,13,18,.78);
    --border:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.14);
    --text:#E8EAF0;--text-2:#C3C8D4;--muted:#8B93A5;--faint:#5E6677;
    --ok:#4ADE80;--ok-bg:rgba(74,222,128,.12);--warn:#FBBF24;--warn-bg:rgba(251,191,36,.12);
    --bad:#F87171;--bad-bg:rgba(248,113,113,.12);--info:#22D3EE;--info-bg:rgba(34,211,238,.12);
    --brand:#8B6CFF;
    --shadow-sm:0 1px 2px rgba(0,0,0,.4);
    --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);
    --shadow-lg:0 24px 64px rgba(0,0,0,.55);
    --ring:0 0 0 3px rgba(139,108,255,.45);
  }
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* --- ek belirteçler (panel): erişilebilir durum metinleri, düğme gradyanı, grafik renkleri ---
   Açık temada --ok/--warn/--info küçük metin için AA kontrastına yetmez; metinde *-text kullanın. */
:root{
  --brand-text:#5534E8;--ok-text:#166534;--warn-text:#92400E;--bad-text:#B91C1C;--info-text:#155E75;
  --brand-bg:rgba(109,74,255,.10);--neutral-bg:#F1F2F6;
  --btn-grad:linear-gradient(135deg,#7048F6 0%,#4F5BEF 100%);
  --btn-grad-hover:linear-gradient(135deg,#6236F5 0%,#3F4CE6 100%);
  --hover:rgba(16,24,40,.045);--active:rgba(109,74,255,.09);
  --chart-1:#6D4AFF;--chart-2:#1BA7C7;--chart-3:#16A34A;--chart-4:#F59E0B;--chart-grid:#E6E8EF;
  --sidebar:#F5F6FA;--sidebar-border:#E6E8EF;--kbd-bg:#FFFFFF;
}
:root[data-theme="dark"]{
  --brand-text:#B3A2FF;--ok-text:#6EE7A0;--warn-text:#FCD34D;--bad-text:#FCA5A5;--info-text:#67E8F9;
  --brand-bg:rgba(139,108,255,.16);--neutral-bg:rgba(255,255,255,.06);
  --hover:rgba(255,255,255,.05);--active:rgba(139,108,255,.15);
  --chart-1:#8B6CFF;--chart-2:#22D3EE;--chart-3:#4ADE80;--chart-4:#FBBF24;--chart-grid:rgba(255,255,255,.08);
  --sidebar:#08090D;--sidebar-border:rgba(255,255,255,.06);--kbd-bg:rgba(255,255,255,.06);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --brand-text:#B3A2FF;--ok-text:#6EE7A0;--warn-text:#FCD34D;--bad-text:#FCA5A5;--info-text:#67E8F9;
    --brand-bg:rgba(139,108,255,.16);--neutral-bg:rgba(255,255,255,.06);
    --hover:rgba(255,255,255,.05);--active:rgba(139,108,255,.15);
    --chart-1:#8B6CFF;--chart-2:#22D3EE;--chart-3:#4ADE80;--chart-4:#FBBF24;--chart-grid:rgba(255,255,255,.08);
    --sidebar:#08090D;--sidebar-border:rgba(255,255,255,.06);--kbd-bg:rgba(255,255,255,.06);
  }
}

/* Ortak taban kuralları (app.css, site.css, public.css hepsi bu dosyadan sonra yüklenir) */
*,*::before,*::after{box-sizing:border-box}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}