/**
 * İş Takip — Tasarım tokenları (Ripple esintili, kurumsal minimal)
 */
:root {
    --app-font-display: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --app-font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --app-font-sans: var(--app-font-body);

    --app-text-xs: 0.6875rem;
    --app-text-sm: 0.8125rem;
    --app-text-base: 0.9375rem;
    --app-text-md: 1rem;
    --app-text-lg: 1.125rem;
    --app-text-xl: 1.375rem;
    --app-text-2xl: 1.625rem;

    --app-primary: #1f65f4;
    --app-primary-hover: #1b59d7;
    --app-primary-subtle: rgba(31, 101, 244, 0.1);
    --app-primary-rgb: 31, 101, 244;

    --app-success: #10b981;
    --app-warning: #f59e0b;
    --app-danger: #ef4444;
    --app-info: #0ea5e9;

    --app-bg: #f4f6f9;
    --app-surface: #ffffff;
    --app-surface-elevated: #ffffff;
    --app-border: #e5e9f0;
    --app-border-subtle: #eef1f6;
    --app-text: #1e293b;
    --app-text-secondary: #475569;
    --app-text-muted: #64748b;

    --sidebar-width: 250px;
    --sidebar-collapsed-width: 72px;
    --right-sidebar-width: 320px;
    --app-font-scale: 1;

    --sidebar-bg: #ffffff;
    --sidebar-border: #e5e9f0;
    --sidebar-text: #64748b;
    --sidebar-text-hover: #1e293b;
    --sidebar-item-hover: #f1f5f9;
    --sidebar-item-active-bg: rgba(31, 101, 244, 0.1);
    --sidebar-item-active-text: #1f65f4;
    --sidebar-group: #94a3b8;
    --sidebar-shadow: 1px 0 0 var(--sidebar-border);

    --navbar-bg: #ffffff;
    --navbar-border: #e5e9f0;
    --navbar-text: #475569;

    --card-radius: 12px;
    --card-header-bg: #ffffff;
    --card-header-text: #1e293b;
    --card-header-border: #e5e9f0;
    --card-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 16px rgba(15, 23, 42, 0.04);

    --page-header-bg: #ffffff;
    --page-header-text: #1e293b;
    --page-header-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);

    --bs-primary: var(--app-primary);
    --bs-primary-rgb: var(--app-primary-rgb);
    --bs-body-bg: var(--app-bg);
    --bs-body-color: var(--app-text);
    --bs-border-color: var(--app-border);
    --bs-link-color: var(--app-primary);
    --bs-link-hover-color: var(--app-primary-hover);

    --primary-color: var(--app-primary);
}

[data-bs-theme="dark"] {
    color-scheme: dark;

    --app-primary: #84aaf9;
    --app-primary-hover: #a5c1fb;
    --app-primary-subtle: rgba(132, 170, 249, 0.12);
    --app-primary-rgb: 132, 170, 249;

    --app-bg: #0f1115;
    --app-surface: #181b21;
    --app-surface-elevated: #1e2229;
    --app-border: #2a3039;
    --app-border-subtle: #232830;
    --app-text: #e8eaed;
    --app-text-secondary: #b8bcc4;
    --app-text-muted: #8b919a;

    --sidebar-bg: #14171c;
    --sidebar-border: #2a3039;
    --sidebar-text: #8b919a;
    --sidebar-text-hover: #e8eaed;
    --sidebar-item-hover: rgba(255, 255, 255, 0.05);
    --sidebar-item-active-bg: rgba(132, 170, 249, 0.12);
    --sidebar-item-active-text: #a5c1fb;
    --sidebar-group: #5c6370;
    --sidebar-shadow: 1px 0 0 var(--sidebar-border);

    --navbar-bg: #181b21;
    --navbar-border: #2a3039;
    --navbar-text: #b8bcc4;

    --card-header-bg: #1e2229;
    --card-header-text: #e8eaed;
    --card-header-border: #2a3039;
    --card-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.15);

    --page-header-bg: #181b21;
    --page-header-text: #e8eaed;
    --page-header-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

    --bs-primary: var(--app-primary);
    --bs-primary-rgb: var(--app-primary-rgb);
    --bs-body-bg: var(--app-bg);
    --bs-body-color: var(--app-text);
    --bs-border-color: var(--app-border);
    --bs-link-color: var(--app-primary);
    --bs-link-hover-color: var(--app-primary-hover);
    --bs-secondary-color: var(--app-text-muted);
    --bs-tertiary-bg: var(--app-surface);
    --bs-emphasis-color: var(--app-text);
}