/* Webonom skin — Aladhost. Kaynak: aladhost.com/marka-kimligi */

:root {
    --wb-bg: #12161F;
    --wb-surface: #1B2130;
    --wb-surface-2: #232B3D;
    --wb-border: #29334A;
    --wb-text: #E8ECF4;
    --wb-text-muted: #93A0B6;
    --wb-text-subtle: #6F7D94;

    --wb-accent: #FFB020;
    --wb-accent-hover: #FFC04D;
    --wb-accent-contrast: #17130A;
    --wb-accent-text: #FFB020;
    --wb-accent-soft: rgb(255 176 32 / .15);

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

    --wb-header-bg: rgb(18 22 31 / .95);
    --wb-footer-bg: #0F131C;

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

[data-theme="light"] {
    --wb-bg: #F5F7FB;
    --wb-surface: #FFFFFF;
    --wb-surface-2: #EEF1F6;
    --wb-border: #DDE3EC;
    --wb-text: #12161F;
    --wb-text-muted: #5B6880;
    --wb-text-subtle: #8792A6;

    --wb-accent: #FFB020;
    --wb-accent-hover: #F2A20E;
    --wb-accent-contrast: #17130A;
    --wb-accent-text: #B26A00;
    --wb-accent-soft: rgb(255 176 32 / .18);

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

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