/* Site geneli tema — html[data-bicops-theme] ile değişir (mobil menü + tüm sayfalar)
   Varsayılan mor: site markası (#6f42c1) — değiştirilmez.
   Diğer temalar: Lacivert #12195B · Turkuaz #139175 · Açık mor #8A24A5 */

:root,
html[data-bicops-theme="purple"] {
    --bicops-primary: #6f42c1;
    --bicops-primary-dark: #5f3aab;
    --bicops-primary-darker: #4c1d95;
    --bicops-primary-light: #8b5cf6;
    --bicops-primary-soft: #a78bfa;
    --bicops-radial-a: rgba(95, 58, 171, 0.4);
    --bicops-radial-b: rgba(76, 29, 149, 0.3);
    --bicops-radial-video-a: rgba(230, 230, 250, 0.35);
    --bicops-radial-video-b: rgba(139, 92, 246, 0.25);
    --bicops-video-mid: #5a4a85;
    --bicops-text-muted: #5a4a75;
    --bicops-card-bg: linear-gradient(165deg, #e2d4f8 0%, #d4c2f0 45%, #cbb5e8 100%);
    --bicops-card-bg-hover: linear-gradient(165deg, #d8caf0 0%, #cab8e6 100%);
    --bicops-card-bg-solid: #d4c2f0;
    --bicops-accent-soft: rgba(111, 66, 193, 0.2);
    --bicops-border-soft: rgba(139, 92, 246, 0.3);
    --bicops-shadow-soft: 0 26px 60px rgba(111, 66, 193, 0.25);
    --bicops-menu-shadow: rgba(107, 91, 149, 0.4);
    --bicops-menu-cta-shadow: rgba(107, 91, 149, 0.35);
    --bicops-menu-divider: rgba(255, 255, 255, 0.14);
}

html[data-bicops-theme="navy"] {
    --bicops-primary: #12195B;
    --bicops-primary-dark: #0F144B;
    --bicops-primary-darker: #0A0F38;
    --bicops-primary-light: #1A2478;
    --bicops-primary-soft: #5C63A8;
    --bicops-radial-a: rgba(15, 20, 75, 0.45);
    --bicops-radial-b: rgba(10, 15, 56, 0.35);
    --bicops-radial-video-a: rgba(196, 200, 238, 0.35);
    --bicops-radial-video-b: rgba(26, 36, 120, 0.28);
    --bicops-video-mid: #0F144B;
    --bicops-text-muted: #454A72;
    --bicops-card-bg: linear-gradient(165deg, #D6D8F2 0%, #B5B9E4 45%, #9098D0 100%);
    --bicops-card-bg-hover: linear-gradient(165deg, #C6CAEC 0%, #A5ABDC 100%);
    --bicops-card-bg-solid: #B5B9E4;
    --bicops-accent-soft: rgba(18, 25, 91, 0.2);
    --bicops-border-soft: rgba(92, 99, 168, 0.35);
    --bicops-shadow-soft: 0 26px 60px rgba(15, 20, 75, 0.3);
    --bicops-menu-shadow: rgba(10, 15, 56, 0.48);
    --bicops-menu-cta-shadow: rgba(15, 20, 75, 0.45);
    --bicops-menu-divider: rgba(255, 255, 255, 0.14);
}

html[data-bicops-theme="teal"] {
    --bicops-primary: #139175;
    --bicops-primary-dark: #0F7A62;
    --bicops-primary-darker: #0C624F;
    --bicops-primary-light: #17AD8D;
    --bicops-primary-soft: #5DBBA5;
    --bicops-radial-a: rgba(19, 145, 117, 0.42);
    --bicops-radial-b: rgba(12, 98, 79, 0.32);
    --bicops-radial-video-a: rgba(204, 245, 236, 0.38);
    --bicops-radial-video-b: rgba(23, 173, 141, 0.28);
    --bicops-video-mid: #0F7A62;
    --bicops-text-muted: #3F6B60;
    --bicops-card-bg: linear-gradient(165deg, #CCF2EA 0%, #99E2D0 45%, #5DBBA5 100%);
    --bicops-card-bg-hover: linear-gradient(165deg, #B8EBDD 0%, #82D9C4 100%);
    --bicops-card-bg-solid: #99E2D0;
    --bicops-accent-soft: rgba(19, 145, 117, 0.2);
    --bicops-border-soft: rgba(23, 173, 141, 0.35);
    --bicops-shadow-soft: 0 26px 60px rgba(15, 122, 98, 0.26);
    --bicops-menu-shadow: rgba(12, 98, 79, 0.42);
    --bicops-menu-cta-shadow: rgba(19, 145, 117, 0.4);
    --bicops-menu-divider: rgba(255, 255, 255, 0.14);
}

html[data-bicops-theme="lavender"] {
    --bicops-primary: #8A24A5;
    --bicops-primary-dark: #731F8C;
    --bicops-primary-darker: #5C1870;
    --bicops-primary-light: #A347BD;
    --bicops-primary-soft: #C97FD6;
    --bicops-radial-a: rgba(115, 31, 140, 0.45);
    --bicops-radial-b: rgba(92, 24, 112, 0.32);
    --bicops-radial-video-a: rgba(245, 232, 250, 0.4);
    --bicops-radial-video-b: rgba(163, 71, 189, 0.3);
    --bicops-video-mid: #731F8C;
    --bicops-text-muted: #6B4A75;
    --bicops-card-bg: linear-gradient(165deg, #F8EEFC 0%, #EDD8F5 45%, #DFC0EC 100%);
    --bicops-card-bg-hover: linear-gradient(165deg, #F0E0F8 0%, #E4C8F0 100%);
    --bicops-card-bg-solid: #EDD8F5;
    --bicops-accent-soft: rgba(138, 36, 165, 0.22);
    --bicops-border-soft: rgba(163, 71, 189, 0.45);
    --bicops-shadow-soft: 0 26px 60px rgba(92, 24, 112, 0.24);
    --bicops-menu-shadow: rgba(92, 24, 112, 0.38);
    --bicops-menu-cta-shadow: rgba(138, 36, 165, 0.4);
    --bicops-menu-divider: rgba(255, 255, 255, 0.16);
}

/* Türetilmiş global tokenlar (tüm temalar) */
html {
    --color-bg: var(--bicops-primary);
    --color-bg-soft: var(--bicops-primary-light);
    --color-accent: var(--bicops-primary);
    --color-accent-soft: var(--bicops-accent-soft);
    --color-accent-secondary: var(--bicops-primary-soft);
    --color-border-soft: var(--bicops-border-soft);
    --shadow-soft: var(--bicops-shadow-soft);
    --lavender-dark: var(--bicops-primary-dark);
    --lavender-darker: var(--bicops-primary-darker);
    --lavender-gradient: linear-gradient(135deg, var(--bicops-primary) 0%, var(--bicops-primary-light) 60%, var(--bicops-primary-soft) 100%);
    --color-purple: var(--bicops-primary);
    --color-purple-light: var(--bicops-primary-light);
    --card-bg: var(--bicops-card-bg);
    --card-bg-hover: var(--bicops-card-bg-hover);
    --card-bg-solid: var(--bicops-card-bg-solid);

    --bicops-menu-bg: var(--bicops-primary-dark);
    --bicops-menu-accent: var(--bicops-primary);
    --bicops-menu-hover: var(--bicops-primary);
    --bicops-menu-border: var(--bicops-border-soft);

    --bicops-surface-bg:
        radial-gradient(circle at 20% 0, var(--bicops-radial-a), transparent 55%),
        radial-gradient(circle at 80% 0, var(--bicops-radial-b), transparent 55%),
        linear-gradient(135deg, var(--bicops-primary-dark) 0%, var(--bicops-primary) 50%, var(--bicops-primary-light) 100%);

    --bicops-surface-bg-hero:
        radial-gradient(circle at 20% 0, var(--bicops-radial-a), transparent 55%),
        radial-gradient(circle at 80% 0, var(--bicops-radial-b), transparent 55%),
        linear-gradient(135deg, var(--bicops-primary-darker) 0%, var(--bicops-primary-dark) 50%, var(--bicops-primary) 100%);

    --bicops-surface-bg-video:
        radial-gradient(circle at 20% 0, var(--bicops-radial-video-a), transparent 55%),
        radial-gradient(circle at 80% 0, var(--bicops-radial-video-b), transparent 55%),
        linear-gradient(135deg, var(--bicops-video-mid) 0%, var(--bicops-primary) 30%, var(--bicops-primary-light) 70%, var(--bicops-primary-light) 100%);

    --bicops-surface-bg-footer: linear-gradient(180deg, var(--bicops-primary-dark) 0%, var(--bicops-primary) 50%, var(--bicops-primary-darker) 100%);

    --bicops-surface-bg-page: linear-gradient(180deg, var(--bicops-primary-dark) 0%, var(--bicops-primary) 50%, var(--bicops-primary) 100%);

    --app-header-bg:
        radial-gradient(circle at 20% 0, var(--bicops-radial-a), transparent 55%),
        radial-gradient(circle at 80% 0, var(--bicops-radial-b), transparent 55%),
        linear-gradient(135deg, var(--bicops-primary-darker) 0%, var(--bicops-primary-dark) 50%, var(--bicops-primary) 100%);

    --bicops-header-bridge: linear-gradient(180deg, var(--bicops-primary) 0%, var(--bicops-primary-dark) 65%, transparent 100%);

    --bicops-mix-primary-08: color-mix(in srgb, var(--bicops-primary) 8%, transparent);
    --bicops-mix-primary-12: color-mix(in srgb, var(--bicops-primary) 12%, transparent);
    --bicops-mix-primary-20: color-mix(in srgb, var(--bicops-primary) 20%, transparent);
    --bicops-mix-light-20: color-mix(in srgb, var(--bicops-primary-light) 20%, transparent);
    --bicops-mix-light-25: color-mix(in srgb, var(--bicops-primary-light) 25%, transparent);
    --bicops-mix-light-35: color-mix(in srgb, var(--bicops-primary-light) 35%, transparent);
    --bicops-mix-darker-50: color-mix(in srgb, var(--bicops-primary-darker) 50%, transparent);
    --bicops-mix-shadow-30: color-mix(in srgb, var(--bicops-primary-dark) 30%, transparent);
    --bicops-mix-shadow-35: color-mix(in srgb, var(--bicops-primary-dark) 35%, transparent);
    --bicops-mix-shadow-40: color-mix(in srgb, var(--bicops-primary-dark) 40%, transparent);
    --bicops-mix-shadow-45: color-mix(in srgb, var(--bicops-primary-dark) 45%, transparent);
}

/* Mockup PNG: data-bicops-mockup + bicops-theme.js — yalnız mor UI katmanı tema rengine döner */