/**
 * Kalkulator WHR — w-kazdym-wieku purple theme.
 * Mirrors kalkulator-bmi/styles/w-kazdym-wieku.css.
 */

.pbn-tool-kalkulator-whr {
    --primary: #8b5cf6;
    --primary-hover: #7c3aed;
    --border-color: #d1d5db;
    --surface: #ffffff;
    --surface-alt: #faf5ff;
    --heading-color: #1e1b4b;
    --text-primary: #1f2937;
    --text-secondary: #6b7280;
    --radius-md: 8px;
    --radius-lg: 12px;
}

.pbn-tool-kalkulator-whr .whr-result-value {
    color: #4c1d95;
}

.pbn-tool-kalkulator-whr .whr-radio input:checked + span {
    background: #8b5cf6;
    border-color: #8b5cf6;
}

.pbn-tool-kalkulator-whr .whr-radio input:focus-visible + span {
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.3);
}

.pbn-tool-kalkulator-whr .whr-field input:focus {
    border-color: #8b5cf6;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
}

.pbn-tool-kalkulator-whr .whr-scale-marker {
    background: #4c1d95;
}