/* Webonom skin — TS3 GURU. Kaynak: ts3.net.tr/marka-kimligi
 * Vurgu (link, aktif durum, seçim) = elektrik moru; sinyal (limon) yalnızca birincil eylem butonunda. */

:root {
    --wb-bg: #0B0713;
    --wb-surface: #150E24;
    --wb-surface-2: #1D1430;
    --wb-border: #2C2242;
    --wb-text: #F5F3FF;
    --wb-text-muted: #A99CC4;
    --wb-text-subtle: #7D7196;

    --wb-accent: #8B5CF6;
    --wb-accent-hover: #A07BFA;
    --wb-accent-contrast: #FFFFFF;
    --wb-accent-text: #B49CFC;
    --wb-accent-soft: rgb(139 92 246 / .15);

    --wb-signal: #D9F04B;
    --wb-signal-hover: #E6F77A;
    --wb-signal-contrast: #0B0713;

    --wb-success: #3DDC97;
    --wb-success-soft: rgb(61 220 151 / .14);

    --wb-header-bg: rgb(11 7 19 / .92);
    --wb-footer-bg: #0F0A1B;

    --wb-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --wb-font-heading: "Space Grotesk", "Inter", system-ui, sans-serif;
}

[data-theme="light"] {
    --wb-bg: #F7F5FC;
    --wb-surface: #FFFFFF;
    --wb-surface-2: #F1EDFA;
    --wb-border: #E2DBF2;
    --wb-text: #140D24;
    --wb-text-muted: #5E5476;
    --wb-text-subtle: #8F86A6;

    --wb-accent: #7C3AED;
    --wb-accent-hover: #6D28D9;
    --wb-accent-contrast: #FFFFFF;
    --wb-accent-text: #6D28D9;
    --wb-accent-soft: rgb(124 58 237 / .1);

    --wb-signal: #D9F04B;
    --wb-signal-hover: #CBE535;
    --wb-signal-contrast: #0B0713;

    --wb-success: #12A66A;
    --wb-success-soft: rgb(18 166 106 / .1);

    --wb-header-bg: rgb(255 255 255 / .92);
    --wb-footer-bg: #F1EDFA;
}

/* Birincil eylem butonu: sinyal rengi */
.wb-btn--primary,
.wb-body .btn-primary,
.wb-body .btn-success,
.wb-body .btn-checkout,
.wb-body .btn-order-now {
    background: var(--wb-signal) !important;
    border-color: var(--wb-signal) !important;
    color: var(--wb-signal-contrast) !important;
}

.wb-btn--primary:hover,
.wb-body .btn-primary:hover,
.wb-body .btn-success:hover,
.wb-body .btn-checkout:hover,
.wb-body .btn-order-now:hover {
    background: var(--wb-signal-hover) !important;
    border-color: var(--wb-signal-hover) !important;
    color: var(--wb-signal-contrast) !important;
}

[data-theme="light"] .wb-btn--primary,
[data-theme="light"] .wb-body .btn-primary,
[data-theme="light"] .wb-body .btn-success,
[data-theme="light"] .wb-body .btn-checkout,
[data-theme="light"] .wb-body .btn-order-now {
    border-color: #C2DA2C !important;
}