/* odoocore — tasarim token'lari
   Kaynak: /Users/odo/Desktop/claude/design/odo/ornek-tasarim.html (otorite) */
:root{
  --brand-primary:#c03060; --brand-primary-dark:#8a2350; --brand-primary-light:#d65a82;
  --brand-purple:#603078;  --brand-purple-dark:#4a2560;
  --brand-gradient:linear-gradient(135deg,#603078 0%,#c03060 100%);
  --brand-accent:#f0a830;

  --ink-900:#0f172a; --ink-700:#334155; --ink-500:#64748b; --ink-300:#cbd5e1;
  --surface-50:#f8fafc; --surface-100:#f1f5f9; --white:#fff;
  --dark-bg:#160d1f; --dark-surface:#211530;

  --success:#16a34a; --warning:#f59e0b; --danger:#dc2626; --info:#0284c7;

  --font-heading:"Poppins","Inter",system-ui,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  --fs-h1:clamp(1.6rem,2.6vw,2.1rem);
  --fs-h2:clamp(1.25rem,2vw,1.6rem);
  --fs-h3:1.05rem;
  --fs-body:.95rem;
  --fs-small:.82rem;

  --space-xs:.5rem; --space-sm:1rem; --space-md:1.5rem;
  --space-lg:2.5rem; --space-xl:4rem;

  --radius-sm:8px; --radius-md:14px; --radius-lg:20px; --radius-full:9999px;

  --shadow-sm:0 1px 3px rgba(15,23,42,.08);
  --shadow-md:0 14px 40px -16px rgba(96,48,120,.35);
  --shadow-lg:0 28px 70px -24px rgba(192,48,96,.4);

  --container:1180px;
  --sidebar:236px;
  --transition:240ms cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--font-body); font-size:var(--fs-body);
  color:var(--ink-700); background:var(--surface-50);
  line-height:1.6; -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:var(--font-heading);color:var(--ink-900);
  line-height:1.2;margin:0 0 var(--space-sm)}
h1{font-size:var(--fs-h1);font-weight:700}
h2{font-size:var(--fs-h2);font-weight:600}
h3{font-size:var(--fs-h3);font-weight:600}
a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--brand-primary-dark)}
code,kbd,pre,.mono{font-family:var(--font-mono);font-size:.86em}