/**
 * NetSunucu — design tokens
 *
 * Built on the WStyle theme by WISECP LLC (https://www.wisecp.com).
 * Token names keep the --wstyle-* prefix on purpose: default.css, the client
 * area scripts and the core theme-preview banner all read these names.
 *
 * Palette: Fuşya #c0157f (action) · Orkide #74237f (support) · Mürdüm (dark
 * surfaces, mixed from the primary) · warm neutrals lightly tinted toward the
 * primary, so a different primary picked in the admin panel stays coherent.
 */
:root {
    --wstyle-primary: #c0157f;
    --wstyle-primary-rgb: 192, 21, 127;
    --wstyle-secondary: #74237f;
    --wstyle-secondary-rgb: 116, 35, 127;
    --wstyle-success: #1f9a62;
    --wstyle-success-rgb: 31, 154, 98;

    --wstyle-font-family: "Manrope", "Manrope Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --wstyle-font-size-base: .9375rem;
    --wstyle-badge-font-size: .75rem;
    --wstyle-badge-font-weight: 600;
    --wstyle-list-meta-font-size: .75rem;
    --wstyle-list-meta-font-weight: 500;
    --wstyle-label-font-weight: 600;

    --wstyle-body-color: color-mix(in srgb, var(--wstyle-primary) 6%, #433b42);
    --wstyle-heading-color: color-mix(in srgb, var(--wstyle-primary) 7%, #150e17);
    --wstyle-muted-color: color-mix(in srgb, var(--wstyle-primary) 6%, #6a6169);
    --wstyle-body-bg: color-mix(in srgb, var(--wstyle-primary) 3%, #f4f3f3);
    --wstyle-surface-bg: #ffffff;
    --wstyle-border-color: color-mix(in srgb, var(--wstyle-primary) 8%, #e4e0e2);

    --wstyle-chrome-bg: color-mix(in srgb, var(--wstyle-primary) 15%, #150a16);
    --wstyle-chrome-bg-deep: color-mix(in srgb, var(--wstyle-primary) 10%, #0d070e);
    --wstyle-chrome-color: #f6eff5;
    --wstyle-chrome-muted: #bba9b7;
    --wstyle-chrome-border: rgba(246, 239, 245, .1);

    --wstyle-radius: .75rem;

    /* NetSunucu additions */
    --ns-font-display: "Outfit", "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --ns-radius-sm: .625rem;
    --ns-radius-card: 1.125rem;
    --ns-radius-panel: 1.625rem;
    --ns-canvas: var(--wstyle-body-bg);
    --ns-ink: color-mix(in srgb, var(--wstyle-primary) 12%, #120812);
    --ns-led: #2bd47d;
    --ns-led-glow: rgba(43, 212, 125, .55);
    --ns-hairline: color-mix(in srgb, var(--wstyle-primary) 10%, #e9e5e7);
}

@supports (color: oklch(from red .77 min(c, .04) h / .09)) {
    :root {
        --wstyle-chrome-color: oklch(from var(--wstyle-primary) .965 min(c, .014) h);
        --wstyle-chrome-muted: oklch(from var(--wstyle-primary) .79 min(c, .045) h);
        --wstyle-chrome-border: oklch(from var(--wstyle-primary) .965 min(c, .014) h / .1);
    }
}

[data-bs-theme=dark] {
    --wstyle-body-color: #d4cad2;
    --wstyle-heading-color: #f7f1f6;
    --wstyle-muted-color: #a1969f;
    --wstyle-body-bg: color-mix(in srgb, var(--wstyle-primary) 6%, #0e0a0f);
    --wstyle-surface-bg: color-mix(in srgb, var(--wstyle-primary) 8%, #161117);
    --wstyle-border-color: color-mix(in srgb, var(--wstyle-primary) 13%, #2a2229);
    --ns-hairline: color-mix(in srgb, var(--wstyle-primary) 14%, #2a2229);
}