/* Default Office panel — eşli token sistemi (tasarim-standartlari §2.0).
   İki mod aynı token isimleri, farklı değer setleri. Her yüzey metin çiftiyle. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/inter-latin.woff2') format('woff2')}
@view-transition{navigation:auto}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}
:root{
  --background:#F8FAFC;      --on-background:#0F172A;
  --surface:#FFFFFF;         --on-surface:#0F172A;
  --surface-sub:#F1F5F9;     --on-surface-sub:#334155;
  --muted-fg:#64748B;
  --border:#E2E8F0;
  --primary:#1E40AF;         --on-primary:#FFFFFF;
  --primary-soft:#EFF4FF;    --on-primary-soft:#1E40AF;
  --accent:#B45309;          --on-accent:#FFFFFF;
  --success-fg:#15803D;      --danger-fg:#DC2626;
  --info-soft:#EFF4FF;       --on-info-soft:#1D4ED8;
  --warning-soft:#FEF3E2;    --on-warning-soft:#92400E;
  --danger-soft:#FDECEC;     --on-danger-soft:#B91C1C;
  --success-soft:#EAF7EF;    --on-success-soft:#15803D;
  --muted-soft:#F1F5F9;      --on-muted-soft:#475569;
  --ring:#1E40AF;
  --shadow:0 1px 2px rgba(15,23,42,.05);
  --sidebar-w:240px; --topbar-h:56px; --radius:8px; --radius-lg:12px;
  --tap:44px; --drawer-w:min(84vw,300px);
  --safe-b:env(safe-area-inset-bottom,0px); --safe-l:env(safe-area-inset-left,0px); --safe-r:env(safe-area-inset-right,0px);
  --s1:8px; --s2:12px; --s3:16px; --s4:24px; --s5:32px;
  --font:Inter, system-ui, -apple-system, sans-serif;
}
[data-theme="dark"]{
  --background:#0F172A;      --on-background:#F1F5F9;
  --surface:#1E293B;         --on-surface:#F1F5F9;
  --surface-sub:#26334A;     --on-surface-sub:#CBD5E1;
  --muted-fg:#94A3B8;
  --border:#334155;
  --primary:#2563EB;         --on-primary:#FFFFFF;
  --primary-soft:#1E3A8A;    --on-primary-soft:#DBEAFE;
  --accent:#F59E0B;          --on-accent:#0F172A;
  --success-fg:#4ADE80;      --danger-fg:#F87171;
  --info-soft:#1E3A8A;       --on-info-soft:#BFDBFE;
  --warning-soft:#43290a;    --on-warning-soft:#FCD34D;
  --danger-soft:#451515;     --on-danger-soft:#FCA5A5;
  --success-soft:#143523;    --on-success-soft:#86EFAC;
  --muted-soft:#26334A;      --on-muted-soft:#CBD5E1;
  --ring:#3B82F6;
  --shadow:0 1px 2px rgba(0,0,0,.4);
}