/*
 * Uzmansoft v5 — tasarım token'ları.
 * Marka: logodaki lacivert/"SOFT" mavisi (#001ba4), sunucu yeşili, devre gök mavisi.
 * Chrome tonu (#0e1826): duyuru şeridi, footer, rakamlar bandı, popüler paket.
 * --uz-primary ve --uz-accent tema ayarından layout içinde ezilir; türevler color-mix ile hesaplanır.
 */
:root,
[data-bs-theme="light"] {
    --uz-font: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

    --uz-primary: #001ba4;
    --uz-accent: #0f7a1c;
    --uz-sky: #17aeeb;
    --uz-leaf: #5fd36a;

    --uz-ink: #0e1826;
    --uz-ink-2: #15233a;
    --uz-ink-line: rgba(214, 224, 236, 0.12);
    --uz-ink-text: #d6e0ec;
    --uz-ink-muted: #9fb0c4;

    --uz-bg: #ffffff;
    --uz-soft: #f5f7fa;
    --uz-surface: #ffffff;
    --uz-raised: #ffffff;
    --uz-border: #e3e8ef;
    --uz-border-strong: #cfd8e4;
    --uz-heading: #0e1826;
    --uz-text: #46566e;
    --uz-muted: #5d6b80;

    --uz-primary-fill: var(--uz-primary);
    --uz-primary-hover: color-mix(in srgb, var(--uz-primary) 84%, #ffffff);
    --uz-primary-text: var(--uz-primary);
    --uz-primary-soft: color-mix(in srgb, var(--uz-primary) 8%, transparent);
    --uz-primary-line: color-mix(in srgb, var(--uz-primary) 26%, transparent);
    --uz-accent-text: var(--uz-accent);
    --uz-accent-soft: color-mix(in srgb, var(--uz-accent) 10%, transparent);
    --uz-focus: color-mix(in srgb, var(--uz-primary) 72%, var(--uz-sky));

    --uz-r-sm: 8px;
    --uz-r: 12px;
    --uz-r-lg: 16px;
    --uz-r-xl: 20px;
    --uz-r-2xl: 28px;

    --uz-shadow-sm: 0 1px 2px rgba(14, 24, 38, 0.06);
    --uz-shadow: 0 1px 2px rgba(14, 24, 38, 0.05), 0 10px 28px -14px rgba(14, 24, 38, 0.2);
    --uz-shadow-lg: 0 2px 4px rgba(14, 24, 38, 0.04), 0 28px 60px -28px rgba(14, 24, 38, 0.32);

    --uz-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --uz-header-h: 76px;

    /* Bootstrap köprüsü */
    --bs-body-font-family: var(--uz-font);
    --bs-body-font-size: 1rem;
    --bs-body-line-height: 1.6;
    --bs-body-color: var(--uz-text);
    --bs-body-bg: var(--uz-bg);
    --bs-emphasis-color: var(--uz-heading);
    --bs-heading-color: var(--uz-heading);
    --bs-secondary-color: var(--uz-muted);
    --bs-border-color: var(--uz-border);
    --bs-border-radius: var(--uz-r);
    color-scheme: light;
}

[data-bs-theme="dark"] {
    --uz-bg: #0a111b;
    --uz-soft: #0d1622;
    --uz-surface: #101a28;
    --uz-raised: #142132;
    --uz-border: #1f2c40;
    --uz-border-strong: #2c3c55;
    --uz-heading: #eef3f9;
    --uz-text: #b6c2d2;
    --uz-muted: #8796ab;

    --uz-primary-fill: color-mix(in srgb, var(--uz-primary) 58%, #5b7cff);
    --uz-primary-hover: color-mix(in srgb, var(--uz-primary) 42%, #7d97ff);
    --uz-primary-text: color-mix(in srgb, var(--uz-primary) 30%, #c2cfff);
    --uz-primary-soft: color-mix(in srgb, var(--uz-primary) 24%, transparent);
    --uz-primary-line: color-mix(in srgb, var(--uz-primary) 30%, #5b7cff 30%);
    --uz-accent-text: color-mix(in srgb, var(--uz-accent) 40%, #b9f4c1);
    --uz-accent-soft: color-mix(in srgb, var(--uz-accent) 22%, transparent);
    --uz-focus: #8fb0ff;

    --uz-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --uz-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 12px 30px -14px rgba(0, 0, 0, 0.6);
    --uz-shadow-lg: 0 2px 4px rgba(0, 0, 0, 0.3), 0 30px 60px -28px rgba(0, 0, 0, 0.75);

    --bs-body-color: var(--uz-text);
    --bs-body-bg: var(--uz-bg);
    --bs-emphasis-color: var(--uz-heading);
    --bs-heading-color: var(--uz-heading);
    --bs-secondary-color: var(--uz-muted);
    --bs-border-color: var(--uz-border);
    color-scheme: dark;
}