/**
 * Genel uygulama teması – renkler, tipografi, boşluklar.
 * Tüm sayfalar bu değişkenleri kullanır (harmoni).
 */
:root {
    /* Renk paleti */
    --color-bg: #f0f4fc;
    --color-bg-elevated: #ffffff;
    --color-surface: rgba(255, 255, 255, 0.92);
    --color-border: #d4dcee;
    --color-border-soft: #e6ebf6;
    --color-text: #1a2332;
    --color-text-muted: #5c6b82;
    --color-primary: #2563eb;
    --color-primary-hover: #1d4ed8;
    --color-primary-soft: #eff6ff;
    --color-danger: #b91c1c;
    --color-danger-soft: #fef2f2;
    --color-success: #15803d;
    --color-success-soft: #f0fdf4;

    /* Tipografi */
    --font-sans: "Segoe UI", "Segoe UI Variable", system-ui, -apple-system, sans-serif;
    --font-mono: ui-monospace, "Cascadia Code", monospace;
    --text-xs: 0.75rem;
    --text-sm: 0.8125rem;
    --text-base: 0.9375rem;
    --text-lg: 1.0625rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-title: 1.375rem;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    /* Boşluk ve radius */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;

    /* Sidebar – açık tema */
    --sidebar-width: 260px;
    --sidebar-width-collapsed: 72px;
    --header-height: 64px;
    --sidebar-bg: #f1f5f9;
    --sidebar-border: #e2e8f0;
    --sidebar-text: #1e293b;
    --sidebar-text-muted: #64748b;
    --sidebar-accent: #2563eb;
    --sidebar-accent-bg: #eff6ff;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: 1.5;
    color: var(--color-text);
    background: var(--color-bg);
}