/* ============================================================
   HUBIS v2 — Design Tokens
   Tek kaynak, tüm v2 katmanı bu degerleri kullanir.
   Hard-code edilmis hex/px degerleri yasaktir; sadece
   buradaki CSS variables uzerinden referans verilir.
   ============================================================ */

:root {
    /* --------------------------------------------------------
       1) Brand — Halic Lacivert (#0A118E ailesi)
       -------------------------------------------------------- */
    --brand-50: #EEF0FF;
    --brand-100: #DCE0FF;
    --brand-200: #B6BFFF;
    --brand-300: #8A98FB;
    --brand-400: #5A6BF0;
    --brand-500: #2C3FDD;
    --brand-600: #1A26C3;
    --brand-700: #0F18A6;
    --brand-800: #0A118E;
    --brand-900: #060B66;
    --brand-950: #03063D;

    /* Mevcut kalintilarla geri uyumluluk — yeni kodda kullanma. */
    --halic-primary: var(--brand-800);
    --halic-primary-light: var(--brand-700);
    --halic-primary-dark: var(--brand-900);

    /* --------------------------------------------------------
       2) Neutral — Slate (sicak nuans, premium ton)
       -------------------------------------------------------- */
    --neutral-0: #FFFFFF;
    --neutral-50: #FAFAFB;
    --neutral-100: #F4F5F7;
    --neutral-200: #E6E8EE;
    --neutral-300: #D2D5DD;
    --neutral-400: #9DA3B0;
    --neutral-500: #6B7280;
    --neutral-600: #4B5563;
    --neutral-700: #344054;
    --neutral-800: #1F2937;
    --neutral-900: #101828;
    --neutral-950: #0B1220;

    /* --------------------------------------------------------
       3) Semantic — mat ve premium tonlar
       -------------------------------------------------------- */
    --success-50: #ECFDF3;
    --success-100: #D1FADF;
    --success-500: #12B76A;
    --success-600: #0F8F5C;
    --success-700: #027A48;

    --warning-50: #FFFAEB;
    --warning-100: #FEF0C7;
    --warning-500: #F79009;
    --warning-600: #B45309;
    --warning-700: #93370D;

    --danger-50: #FEF3F2;
    --danger-100: #FEE4E2;
    --danger-500: #F04438;
    --danger-600: #B42318;
    --danger-700: #912018;

    --info-50: #EFF8FF;
    --info-100: #D1E9FF;
    --info-500: #2E90FA;
    --info-600: #1849A9;
    --info-700: #194185;

    /* Geri uyumluluk alias'lari */
    --success: var(--success-600);
    --warning: var(--warning-600);
    --error: var(--danger-600);
    --info: var(--info-600);

    /* --------------------------------------------------------
       4) Yuzey & Cizgi
       -------------------------------------------------------- */
    --surface-bg: var(--neutral-50);
    --surface-elevated: var(--neutral-0);
    --surface-sunken: var(--neutral-100);
    --surface-overlay: rgba(11, 18, 32, 0.48);

    --border-subtle: var(--neutral-200);
    --border-default: var(--neutral-300);
    --border-strong: var(--neutral-400);

    /* --------------------------------------------------------
       5) Metin
       -------------------------------------------------------- */
    --text-primary: var(--neutral-900);
    --text-secondary: var(--neutral-700);
    --text-tertiary: var(--neutral-500);
    --text-disabled: var(--neutral-400);
    --text-inverse: var(--neutral-0);
    --text-brand: var(--brand-800);
    --text-link: var(--brand-700);

    /* --------------------------------------------------------
       6) Focus ring (a11y)
       -------------------------------------------------------- */
    --ring-color: rgba(10, 17, 142, 0.18);
    --ring-color-strong: rgba(10, 17, 142, 0.32);
    --ring-width: 3px;
    --ring-offset: 2px;

    /* --------------------------------------------------------
       7) Tipografi
       -------------------------------------------------------- */
    --ff-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --ff-display: 'Inter Tight', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --ff-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    --fs-xs: 12px;
    --fs-sm: 13px;
    --fs-base: 14px;
    --fs-md: 15px;
    --fs-lg: 17px;
    --fs-xl: 20px;
    --fs-2xl: 24px;
    --fs-3xl: 30px;
    --fs-display: 36px;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    --lh-tight: 1.2;
    --lh-snug: 1.35;
    --lh-normal: 1.55;
    --lh-relaxed: 1.7;

    --ls-display: -0.02em;
    --ls-heading: -0.015em;
    --ls-body: 0;
    --ls-caps: 0.04em;

    /* --------------------------------------------------------
       8) Spacing — 4px grid
       -------------------------------------------------------- */
    --space-0: 0;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 28px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --space-24: 96px;

    /* --------------------------------------------------------
       9) Radius
       -------------------------------------------------------- */
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 20px;
    --radius-pill: 999px;

    /* --------------------------------------------------------
       10) Shadows — premium, hafif. Glow/glassmorphism YOK.
       -------------------------------------------------------- */
    --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.04);
    --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
    --shadow-md: 0 4px 8px -2px rgba(16, 24, 40, 0.08), 0 2px 4px -2px rgba(16, 24, 40, 0.04);
    --shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.04);
    --shadow-xl: 0 20px 24px -4px rgba(16, 24, 40, 0.10), 0 8px 8px -4px rgba(16, 24, 40, 0.04);

    /* Brand'li shadow — vurgulu CTA / aktif card */
    --shadow-brand-sm: 0 2px 8px rgba(10, 17, 142, 0.08);
    --shadow-brand-md: 0 6px 18px rgba(10, 17, 142, 0.12);

    /* --------------------------------------------------------
       11) Motion
       -------------------------------------------------------- */
    --ease-out-quad: cubic-bezier(0.5, 1, 0.89, 1);
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

    --dur-1: 120ms;
    --dur-2: 200ms;
    --dur-3: 320ms;
    --dur-4: 480ms;

    /* --------------------------------------------------------
       12) Layout
       -------------------------------------------------------- */
    --sidebar-width: 264px;
    --sidebar-width-collapsed: 72px;
    --header-height: 60px;
    --content-max-width: 1440px;

    /* --------------------------------------------------------
       13) Z-index
       -------------------------------------------------------- */
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-header: 1030;
    --z-sidebar: 1040;
    --z-overlay: 1080;
    --z-modal: 1090;
    --z-toast: 1100;
}

/* Prefers reduced motion — animasyonlari yumusat */
@media (prefers-reduced-motion: reduce) {
    :root {
        --dur-1: 0ms;
        --dur-2: 0ms;
        --dur-3: 0ms;
        --dur-4: 0ms;
    }
}

/* ============================================================
   Geri uyumluluk alias'lari
   --halic-* token'lari eski sayfa-ici inline <style> bloklarinda
   yaygin. Bunlari brand mavisine yonlendirerek altin/eski
   referanslari otomatik norralize ediyoruz. Yeni kodda bu
   alias'lari kullanmak yasaktir (ui-v2-design-system rule).
   ============================================================ */
:root {
    --halic-primary:        var(--brand-800);
    --halic-primary-light:  var(--brand-600);
    --halic-primary-dark:   var(--brand-900);
    --halic-secondary:      var(--brand-700);
    --halic-accent:         var(--brand-700);
    --halic-accent-light:   var(--brand-500);
    --halic-white:          var(--surface-elevated);
    --halic-light:          var(--neutral-50);
    --halic-dark:           var(--text-primary);

    --gray-50:  var(--neutral-50);
    --gray-100: var(--neutral-100);
    --gray-200: var(--neutral-200);
    --gray-300: var(--neutral-300);
    --gray-400: var(--neutral-400);
    --gray-500: var(--neutral-500);
    --gray-600: var(--neutral-600);
    --gray-700: var(--neutral-700);
    --gray-800: var(--neutral-800);
    --gray-900: var(--neutral-900);

    --error:   var(--danger-600);
    --success: var(--success-600);
    --warning: var(--warning-500);
    --info:    var(--info-600);
}