/*
 * Configurator option skin: Default Light
 *
 * The selector names the skin. Keep custom overrides scoped inside this
 * selector so one skin cannot leak into another option set.
 *
 * Common knobs:
 * - --configurator-option-choice-selected: selected border/accent colour
 * - --configurator-option-image-choice-card-size: radio/checkbox image card size
 * - --configurator-option-section-padding: outer option section padding
 * - --configurator-option-choice-radius: control and image corner radius
 */
[data-configurator-option-skin="default"] {
    --configurator-option-choice-gap: 6px;
    --configurator-option-choice-radius: 8px;
    --configurator-option-choice-padding-y: 6px;
    --configurator-option-choice-padding-x: 9px;
    --configurator-option-container-width: 100%;
    --configurator-option-container-min-width: 0px;
    --configurator-option-container-max-width: none;
    --configurator-option-container-height: auto;
    --configurator-option-container-min-height: 0px;
    --configurator-option-container-max-height: none;
    --configurator-option-container-margin-inline: 0px;
    --configurator-option-container-overflow-y: visible;
    --configurator-option-container-padding: 16px;
    --configurator-option-container-bg: #fff;
    --configurator-option-container-border: #dcdcde;
    --configurator-option-container-radius: 12px;
    --configurator-option-container-shadow: none;
    --configurator-option-section-radius: 10px;
    --configurator-option-section-padding: 10px;
    --configurator-option-section-accent-width: 1px;
    --configurator-option-section-accent: var(--configurator-option-choice-border, #dcdcde);
    --configurator-option-text: #3c434a;
    --configurator-option-muted-text: #646970;
    --configurator-option-input-bg: #fff;
    --configurator-option-input-border: #cbd5e1;
    --configurator-option-input-text: #0f172a;
    --configurator-option-hover-border: #b7c6d9;
    --configurator-option-hover-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
    --configurator-option-media-bg: #fff;
    --configurator-option-file-bg: #f8fafc;
    --configurator-option-file-border: #9ca3af;
    --configurator-option-file-text: #475569;
    --configurator-option-file-strong-text: #1f2937;
    --configurator-option-file-drag-bg: #f0f7ff;
    --configurator-option-file-radius: 10px;
    --configurator-option-help-bg: #fff;
    --configurator-option-help-text: #1d2327;
    --configurator-option-subtotal-display: flex;
    --configurator-option-subtotal-text: #166534;
    --configurator-option-subtotal-border: rgba(148, 163, 184, 0.45);
    --configurator-option-pricing-summary-bg: #fff;
    --configurator-option-pricing-summary-border: #dcdcde;
    --configurator-option-pricing-bg: #fff;
    --configurator-option-pricing-border: #dcdcde;
    --configurator-option-pricing-text: #646970;
    --configurator-option-pricing-strong-text: #1d2327;
    --configurator-option-pricing-total-bg: #fff;
    --configurator-option-pricing-total-border: #dcdcde;
    --configurator-option-pricing-total-text: #166534;
    --configurator-option-pricing-action-bg: #2271b1;
    --configurator-option-pricing-action-border: #2271b1;
    --configurator-option-pricing-action-text: #fff;
    --configurator-option-pricing-action-hover-bg: #135e96;
    --configurator-option-pricing-action-hover-border: #135e96;
    --configurator-option-visual-bg: #fff;
    --configurator-option-visual-border: rgba(148, 163, 184, 0.45);
    --configurator-option-visual-rail-bg: transparent;
    --configurator-option-visual-rail-border: transparent;
    --configurator-option-visual-rail-border-width: 0px;
    --configurator-option-visual-rail-padding: 0px;
    --configurator-option-visual-rail-radius: 0px;
    --configurator-option-choice-border: #dcdcde;
    --configurator-option-choice-bg: #fff;
    --configurator-option-choice-selected: #2271b1;
    --configurator-option-choice-selected-bg: #f0f7ff;
    --configurator-option-action-button-end: #135e96;
    --configurator-option-choice-disabled-bg: #f6f7f7;
    --configurator-option-choice-disabled-text: #646970;
    --configurator-option-choice-conflict: #d63638;
    --configurator-option-choice-conflict-bg: #fff1f0;
    --configurator-option-choice-success: #00a32a;
    --configurator-option-choice-success-bg: #edfaef;
    --configurator-option-swatch-size: 28px;
    --configurator-option-image-choice-card-size: 82px;
    --configurator-option-slider-track-bg: rgba(148, 163, 184, 0.32);
    --configurator-option-slider-track-height: 6px;
    --configurator-option-slider-thumb-bg: var(--configurator-option-choice-selected, #2271b1);
    --configurator-option-slider-thumb-border: #fff;
    --configurator-option-slider-thumb-size: 18px;
    --configurator-option-slider-domain-guide-display: none;
    --configurator-option-slider-domain-guide-style: dashed;
    --configurator-option-slider-domain-guide-opacity: 0.72;
    --configurator-option-slider-domain-guide-height: 30px;
    --configurator-option-slider-domain-guide-foot-width: 36px;
    --configurator-option-mobile-container-padding: 12px;
    --configurator-option-mobile-section-padding: 8px;
    --configurator-option-mobile-choice-gap: 6px;
    --configurator-option-mobile-image-choice-card-size: 72px;
    --configurator-option-mobile-swatch-size: 32px;
}