:root {
    /* ── Font ───────────────────────────────────────────────────────────────── */
    --bs-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --bs-font-size-base: 0.875rem;
    --bs-font-size-sm: 0.75rem;
    --bs-font-size-xs: 0.6875rem;
    --bs-font-size-lg: 1rem;
    --bs-font-size-xl: 1.125rem;
    --bs-font-size-h1: 1.375rem;
    --bs-font-size-h2: 1.125rem;
    --bs-font-size-h3: 0.9375rem;

    /* ── Brand / Primary ─────────────────────────────────────────────────────── */
    --bs-color-primary:         #1a6fdb;
    --bs-color-primary-hover:   #155cc4;
    --bs-color-primary-active:  #1150ad;
    --bs-color-primary-light:   #eff5ff;
    --bs-color-primary-mid:     #c8dcfa;
    --bs-color-primary-text:    #ffffff;

    /* ── Semantic ────────────────────────────────────────────────────────────── */
    --bs-color-secondary:       #6b7280;
    --bs-color-secondary-hover: #4b5563;
    --bs-color-secondary-light: #f3f4f6;
    --bs-color-secondary-mid:   #e5e7eb;

    --bs-color-success:         #059669;
    --bs-color-success-hover:   #047857;
    --bs-color-success-light:   #ecfdf5;
    --bs-color-success-mid:     #a7f3d0;
    --bs-color-success-text:    #ffffff;

    --bs-color-warning:         #d97706;
    --bs-color-warning-hover:   #b45309;
    --bs-color-warning-light:   #fffbeb;
    --bs-color-warning-mid:     #fde68a;
    --bs-color-warning-text:    #ffffff;

    --bs-color-danger:          #dc2626;
    --bs-color-danger-hover:    #b91c1c;
    --bs-color-danger-light:    #fef2f2;
    --bs-color-danger-mid:      #fca5a5;
    --bs-color-danger-text:     #ffffff;

    --bs-color-info:            #0284c7;
    --bs-color-info-light:      #f0f9ff;
    --bs-color-info-mid:        #bae6fd;

    /* ── Neutral / Surface ───────────────────────────────────────────────────── */
    --bs-color-bg:              #f5f7fa;
    --bs-color-bg-subtle:       #eef1f6;
    --bs-color-surface:         #ffffff;
    --bs-color-surface-raised:  #ffffff;
    --bs-color-border:          #e5e7eb;
    --bs-color-border-subtle:   #f3f4f6;
    --bs-color-border-strong:   #d1d5db;

    --bs-color-text:            #111827;
    --bs-color-text-secondary:  #6b7280;
    --bs-color-text-muted:      #9ca3af;
    --bs-color-text-placeholder:#b0b8c6;
    --bs-color-text-inverse:    #ffffff;
    --bs-color-text-link:       #1a6fdb;

    /* ── Inputs ──────────────────────────────────────────────────────────────── */
    --bs-input-bg:              #ffffff;
    --bs-input-bg-disabled:     #f9fafb;
    --bs-input-border:          #d1d5db;
    --bs-input-border-hover:    #a8b1be;
    --bs-input-border-focus:    #1a6fdb;
    --bs-input-border-invalid:  #dc2626;
    --bs-input-radius:          7px;
    --bs-input-height:          40px;
    --bs-input-height-sm:       32px;
    --bs-input-padding:         8px 12px;
    --bs-input-font-size:       0.875rem;
    --bs-input-focus-ring:      0 0 0 3px rgba(26, 111, 219, 0.14);

    /* ── Card ────────────────────────────────────────────────────────────────── */
    --bs-card-bg:               #ffffff;
    --bs-card-border:           #e5e7eb;
    --bs-card-radius:           10px;
    --bs-card-shadow:           0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --bs-card-shadow-hover:     0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
    --bs-card-padding:          1.25rem;
    --bs-card-padding-sm:       0.875rem;

    /* ── Grid ────────────────────────────────────────────────────────────────── */
    --bs-grid-header-bg:        #f9fafb;
    --bs-grid-header-text:      #374151;
    --bs-grid-row-bg:           #ffffff;
    --bs-grid-row-alt-bg:       #fafafa;
    --bs-grid-row-hover:        #f0f6ff;
    --bs-grid-row-selected:     #e8f0fe;
    --bs-grid-border:           #f0f0f0;
    --bs-grid-header-border:    #e5e7eb;

    /* ── Sidebar / Nav ───────────────────────────────────────────────────────── */
    --bs-nav-bg:                #0d1b36;
    --bs-nav-bg-hover:          rgba(255,255,255,0.06);
    --bs-nav-bg-active:         rgba(26,111,219,0.18);
    --bs-nav-text:              #94a3b8;
    --bs-nav-text-hover:        #e2e8f0;
    --bs-nav-text-active:       #ffffff;
    --bs-nav-border-active:     #1a6fdb;
    --bs-nav-section-text:      rgba(255,255,255,0.28);
    --bs-nav-width:             256px;
    --bs-nav-logo-border:       rgba(255,255,255,0.07);

    /* ── Topbar ──────────────────────────────────────────────────────────────── */
    --bs-topbar-bg:             #ffffff;
    --bs-topbar-border:         #e5e7eb;
    --bs-topbar-height:         60px;

    /* ── Button ──────────────────────────────────────────────────────────────── */
    --bs-btn-font-size:         0.875rem;
    --bs-btn-font-weight:       500;
    --bs-btn-padding:           7px 18px;
    --bs-btn-padding-sm:        4px 12px;
    --bs-btn-radius:            7px;
    --bs-btn-height:            38px;
    --bs-btn-height-sm:         30px;

    /* ── Elevation / Shadow ──────────────────────────────────────────────────── */
    --bs-shadow-xs:  0 1px 2px rgba(0,0,0,0.05);
    --bs-shadow-sm:  0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
    --bs-shadow-md:  0 4px 8px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.04);
    --bs-shadow-lg:  0 10px 20px rgba(0,0,0,0.08), 0 4px 8px rgba(0,0,0,0.04);
    --bs-shadow-xl:  0 20px 40px rgba(0,0,0,0.10), 0 8px 16px rgba(0,0,0,0.06);
    --bs-shadow-dialog: 0 24px 64px rgba(0,0,0,0.14), 0 8px 24px rgba(0,0,0,0.08);

    /* ── Spacing ─────────────────────────────────────────────────────────────── */
    --bs-spacing-xs: 4px;
    --bs-spacing-sm: 8px;
    --bs-spacing-md: 16px;
    --bs-spacing-lg: 24px;
    --bs-spacing-xl: 32px;
    --bs-spacing-2xl:48px;

    /* ── Transitions ─────────────────────────────────────────────────────────── */
    --bs-transition:        0.15s ease-in-out;
    --bs-transition-fast:   0.1s ease-in-out;
    --bs-transition-slow:   0.25s ease-in-out;

    /* ── Z-Index ─────────────────────────────────────────────────────────────── */
    --bs-z-dropdown:    500;
    --bs-z-sticky:      600;
    --bs-z-overlay:     700;
    --bs-z-loading:     8000;
    --bs-z-dialog:      9000;
    --bs-z-toast:       9999;

    /* ── Legacy aliases (backward-compat) ────────────────────────────────────── */
    --bs-color-border-focus:    var(--bs-input-border-focus);
    --bs-toast-z-index:         var(--bs-z-toast);
    --bs-dialog-z-index:        var(--bs-z-dialog);
    --bs-loading-z-index:       var(--bs-z-loading);
    --bs-dialog-overlay:        rgba(15, 23, 42, 0.45);
}

/* ══════════════════════════════════════════════════════════════════════════
   DARK MODE — [data-bs-theme="dark"] override
   Tüm renk tokenları burada override edilir; component CSS değişmez.
   ══════════════════════════════════════════════════════════════════════════ */
[data-bs-theme="dark"] {
    /* Brand */
    --bs-color-primary:         #4d9bff;
    --bs-color-primary-hover:   #6aadff;
    --bs-color-primary-active:  #3385e0;
    --bs-color-primary-light:   rgba(77, 155, 255, 0.12);
    --bs-color-primary-mid:     rgba(77, 155, 255, 0.25);
    --bs-color-primary-text:    #ffffff;

    /* Semantic */
    --bs-color-secondary:       #9ca3af;
    --bs-color-secondary-hover: #d1d5db;
    --bs-color-secondary-light: rgba(255,255,255,0.05);
    --bs-color-secondary-mid:   rgba(255,255,255,0.10);

    --bs-color-success:         #34d399;
    --bs-color-success-hover:   #6ee7b7;
    --bs-color-success-light:   rgba(52,211,153,0.12);
    --bs-color-success-mid:     rgba(52,211,153,0.25);

    --bs-color-warning:         #fbbf24;
    --bs-color-warning-hover:   #fcd34d;
    --bs-color-warning-light:   rgba(251,191,36,0.12);
    --bs-color-warning-mid:     rgba(251,191,36,0.25);

    --bs-color-danger:          #f87171;
    --bs-color-danger-hover:    #fca5a5;
    --bs-color-danger-light:    rgba(248,113,113,0.12);
    --bs-color-danger-mid:      rgba(248,113,113,0.25);

    --bs-color-info:            #38bdf8;
    --bs-color-info-light:      rgba(56,189,248,0.12);
    --bs-color-info-mid:        rgba(56,189,248,0.25);

    /* Neutral / Surface */
    --bs-color-bg:              #0f1117;
    --bs-color-bg-subtle:       #181c24;
    --bs-color-surface:         #1c2130;
    --bs-color-surface-raised:  #222836;
    --bs-color-border:          rgba(255,255,255,0.10);
    --bs-color-border-subtle:   rgba(255,255,255,0.05);
    --bs-color-border-strong:   rgba(255,255,255,0.18);

    --bs-color-text:            #e8eaf0;
    --bs-color-text-secondary:  #9ca3af;
    --bs-color-text-muted:      #6b7280;
    --bs-color-text-placeholder:#4b5563;
    --bs-color-text-inverse:    #111827;
    --bs-color-text-link:       #4d9bff;

    /* Inputs */
    --bs-input-bg:              #1c2130;
    --bs-input-bg-disabled:     #181c24;
    --bs-input-border:          rgba(255,255,255,0.12);
    --bs-input-border-hover:    rgba(255,255,255,0.22);
    --bs-input-border-focus:    #4d9bff;
    --bs-input-border-invalid:  #f87171;
    --bs-input-focus-ring:      0 0 0 3px rgba(77, 155, 255, 0.20);

    /* Card */
    --bs-card-bg:               #1c2130;
    --bs-card-border:           rgba(255,255,255,0.09);
    --bs-card-shadow:           0 1px 3px rgba(0,0,0,0.30), 0 1px 2px rgba(0,0,0,0.20);
    --bs-card-shadow-hover:     0 4px 12px rgba(0,0,0,0.40), 0 2px 4px rgba(0,0,0,0.25);

    /* Grid */
    --bs-grid-header-bg:        #181c24;
    --bs-grid-header-text:      #9ca3af;
    --bs-grid-row-bg:           #1c2130;
    --bs-grid-row-alt-bg:       #1a1f2c;
    --bs-grid-row-hover:        rgba(77,155,255,0.08);
    --bs-grid-row-selected:     rgba(77,155,255,0.14);
    --bs-grid-border:           rgba(255,255,255,0.07);
    --bs-grid-header-border:    rgba(255,255,255,0.10);

    /* Topbar */
    --bs-topbar-bg:             #1c2130;
    --bs-topbar-border:         rgba(255,255,255,0.09);

    /* Dialog overlay */
    --bs-dialog-overlay:        rgba(0, 0, 0, 0.65);

    /* Shadows */
    --bs-shadow-xs:  0 1px 2px rgba(0,0,0,0.25);
    --bs-shadow-sm:  0 1px 3px rgba(0,0,0,0.30), 0 1px 2px rgba(0,0,0,0.20);
    --bs-shadow-md:  0 4px 8px rgba(0,0,0,0.35), 0 2px 4px rgba(0,0,0,0.20);
    --bs-shadow-lg:  0 10px 20px rgba(0,0,0,0.40), 0 4px 8px rgba(0,0,0,0.25);
    --bs-shadow-xl:  0 20px 40px rgba(0,0,0,0.50), 0 8px 16px rgba(0,0,0,0.30);
    --bs-shadow-dialog: 0 24px 64px rgba(0,0,0,0.60), 0 8px 24px rgba(0,0,0,0.40);
}