:root {
  /* ── Marka Renkleri ── */
  --color-primary:        #2563eb;
  --color-primary-dark:   #1d4ed8;
  --color-primary-light:  #eff6ff;
  --color-secondary:      #64748b;
  --color-accent:         #f59e0b;

  /* ── Durum Renkleri ── */
  --color-success:        #16a34a;
  --color-warning:        #d97706;
  --color-danger:         #dc2626;
  --color-info:           #0891b2;
  --color-muted:          #94a3b8;

  /* ── Arkaplan & Yüzey ── */
  --bg-body:              #f1f5f9;
  --bg-surface:           #ffffff;
  --bg-surface-alt:       #f8fafc;
  --bg-sidebar:           #0f172a;
  --bg-sidebar-hover:     #1e293b;
  --bg-topbar:            #ffffff;

  /* ── Metin ── */
  --text-primary:         #0f172a;
  --text-secondary:       #475569;
  --text-muted:           #94a3b8;
  --text-inverse:         #ffffff;
  --text-sidebar:         #94a3b8;
  --text-sidebar-active:  #ffffff;

  /* ── Kenarlık ── */
  --border-color:         #e2e8f0;
  --border-radius:        0.5rem;
  --border-radius-lg:     0.75rem;
  --border-radius-xl:     1rem;

  /* ── Sidebar ── */
  --sidebar-width:        260px;
  --sidebar-collapsed:    68px;
  --sidebar-active-bg:    rgba(37,99,235,0.12);
  --sidebar-active-border:#2563eb;

  /* ── Topbar ── */
  --topbar-height:        64px;
  --topbar-shadow:        0 1px 0 var(--border-color);

  /* ── Tipografi ── */
  --font-family:          'Inter', system-ui, -apple-system, sans-serif;
  --font-size-base:       0.9375rem;
  --font-size-sm:         0.8125rem;
  --font-size-xs:         0.75rem;
  --font-size-lg:         1.0625rem;
  --font-size-xl:         1.25rem;
  --font-weight-normal:   400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  /* ── Spacing ── */
  --spacing-xs:           0.25rem;
  --spacing-sm:           0.5rem;
  --spacing-md:           1rem;
  --spacing-lg:           1.5rem;
  --spacing-xl:           2rem;
  --spacing-2xl:          3rem;

  /* ── Gölge ── */
  --shadow-xs:            0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm:            0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:            0 4px 6px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg:            0 10px 15px rgba(0,0,0,0.07), 0 4px 6px rgba(0,0,0,0.04);
  --shadow-xl:            0 20px 25px rgba(0,0,0,0.08), 0 8px 10px rgba(0,0,0,0.04);

  /* ── Geçiş ── */
  --transition:           0.18s ease;
  --transition-slow:      0.32s ease;

  /* ── Z-index ── */
  --z-sidebar:            100;
  --z-topbar:             200;
  --z-modal:              300;
  --z-toast:              400;
  --z-overlay:            90;
}

[data-theme="dark"] {
  --bg-body:              #0a0f1e;
  --bg-surface:           #111827;
  --bg-surface-alt:       #1a2235;
  --bg-sidebar:           #070c18;
  --bg-sidebar-hover:     #111827;
  --bg-topbar:            #111827;
  --text-primary:         #f1f5f9;
  --text-secondary:       #94a3b8;
  --text-muted:           #64748b;
  --border-color:         #1e293b;
  --shadow-sm:            0 1px 3px rgba(0,0,0,0.3);
  --shadow-md:            0 4px 6px rgba(0,0,0,0.25);
  --shadow-lg:            0 10px 15px rgba(0,0,0,0.3);
}