/* Webonom skin — TS3 Center. Kaynak: ts3.center (assets/css/app.css :root token'ları, marka SVG'leri) */

:root {
    --wb-bg: #050814;
    --wb-surface: #0B1830;
    --wb-surface-2: #102245;
    --wb-border: #1A2F55;
    --wb-text: #F4F9FF;
    --wb-text-muted: #A6B8D2;
    --wb-text-subtle: #7489A8;

    --wb-accent: #38BDF8;
    --wb-accent-hover: #7DD3FC;
    --wb-accent-contrast: #050814;
    --wb-accent-text: #7DD3FC;
    --wb-accent-soft: rgb(56 189 248 / .13);

    --wb-success: #2DD4BF;
    --wb-success-soft: rgb(45 212 191 / .14);

    --wb-header-bg: rgb(5 8 20 / .92);
    --wb-footer-bg: #071227;

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

[data-theme="light"] {
    --wb-bg: #F4F8FD;
    --wb-surface: #FFFFFF;
    --wb-surface-2: #EAF2FB;
    --wb-border: #D6E3F2;
    --wb-text: #0A1730;
    --wb-text-muted: #4E6282;
    --wb-text-subtle: #8395B0;

    --wb-accent: #0284C7;
    --wb-accent-hover: #0369A1;
    --wb-accent-contrast: #FFFFFF;
    --wb-accent-text: #0369A1;
    --wb-accent-soft: rgb(2 132 199 / .1);

    --wb-success: #0D9488;
    --wb-success-soft: rgb(13 148 136 / .1);

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

/* Logo SVG'sinde çevresinde boşluk var; ana sitedeki gibi daha büyük gösterilir */
.wb-brand__logo {
    height: 46px;
}

@media (max-width: 767px) {
    .wb-brand__logo {
        height: 38px;
    }
}