/**
 * OncuCRM Design Tokens — tek kaynak
 * Açık tema, tek accent (#2563eb), WCAG AA hedefi
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    /* Brand / accent */
    --ds-primary: #2563eb;
    --ds-primary-hover: #1d4ed8;
    --ds-primary-soft: #dbeafe;
    --ds-primary-softer: #eff6ff;

    /* Semantic */
    --ds-success: #059669;
    --ds-success-soft: #d1fae5;
    --ds-warning: #d97706;
    --ds-warning-soft: #fef3c7;
    --ds-danger: #dc2626;
    --ds-danger-soft: #fee2e2;
    --ds-info: #0284c7;
    --ds-info-soft: #e0f2fe;

    /* Surfaces */
    --ds-bg: #f8fafc;
    --ds-surface: #ffffff;
    --ds-surface-muted: #f1f5f9;
    --ds-border: #e2e8f0;
    --ds-border-strong: #cbd5e1;

    /* Text */
    --ds-text: #0f172a;
    --ds-text-secondary: #334155;
    --ds-text-muted: #64748b;
    --ds-text-on-primary: #ffffff;

    /* Typography */
    --ds-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --ds-fs-xs: 12px;
    --ds-fs-sm: 13.5px;
    --ds-fs-base: 15px;
    --ds-fs-md: 16px;
    --ds-fs-lg: 18px;
    --ds-fs-xl: 22px;
    --ds-fs-2xl: 28px;
    --ds-lh: 1.55;
    --ds-fw-normal: 400;
    --ds-fw-medium: 500;
    --ds-fw-semibold: 600;
    --ds-fw-bold: 700;

    /* Radius */
    --ds-radius-sm: 8px;
    --ds-radius-md: 12px;
    --ds-radius-lg: 16px;
    --ds-radius-xl: 20px;
    --ds-radius-pill: 999px;

    /* Shadow */
    --ds-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
    --ds-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
    --ds-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
    --ds-shadow-lg: 0 10px 28px rgba(15, 23, 42, 0.1);

    /* Spacing */
    --ds-space-1: 4px;
    --ds-space-2: 8px;
    --ds-space-3: 12px;
    --ds-space-4: 16px;
    --ds-space-5: 20px;
    --ds-space-6: 24px;
    --ds-space-8: 32px;
    --ds-space-10: 40px;

    /* Layout */
    --ds-sidebar-width: 280px;
    --ds-header-height: 64px;
    --ds-content-max: 1400px;

    /* Motion */
    --ds-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --ds-transition: 0.2s var(--ds-ease);

    /* ---- Backward-compatible aliases (eski CSS değişken adları) ---- */
    --primary-color: var(--ds-primary);
    --primary-light: #3b82f6;
    --primary-dark: var(--ds-primary-hover);
    --secondary-color: var(--ds-text-muted);
    --secondary-light: #94a3b8;
    --secondary-dark: #475569;
    --bg-light: var(--ds-bg);
    --bg-gradient: linear-gradient(135deg, var(--ds-primary) 0%, #1e40af 100%);
    --success: var(--ds-success);
    --warning: var(--ds-warning);
    --danger: var(--ds-danger);
    --info: var(--ds-info);
    --sidebar-width: var(--ds-sidebar-width);
    --header-height: var(--ds-header-height);
    --border-radius-sm: var(--ds-radius-md);
    --border-radius-md: var(--ds-radius-lg);
    --border-radius-lg: var(--ds-radius-xl);
    --shadow-xs: var(--ds-shadow-xs);
    --shadow-sm: var(--ds-shadow-sm);
    --shadow-md: var(--ds-shadow-md);
    --shadow-lg: var(--ds-shadow-lg);
    --shadow-xl: var(--ds-shadow-lg);
    --transition-fast: all var(--ds-transition);
    --transition-smooth: all 0.3s var(--ds-ease);
    --transition-slow: all 0.45s var(--ds-ease);
    --glass-bg: rgba(255, 255, 255, 0.92);
    --glass-border: var(--ds-border);

    /* Sidebar aliases */
    --sidebar-bg: var(--ds-surface);
    --sidebar-text: var(--ds-text);
    --sidebar-text-muted: var(--ds-text-muted);
    --sidebar-hover: var(--ds-surface-muted);
    --sidebar-active: var(--ds-primary);
    --sidebar-active-bg: linear-gradient(135deg, var(--ds-primary-soft) 0%, #bfdbfe 100%);
    --sidebar-border: var(--ds-border);
    --sidebar-shadow: var(--ds-shadow-sm);
    --sidebar-radius: var(--ds-radius-md);
    --transition: all var(--ds-transition);
    --sidebar-icon-size: 18px;
}