/* ── MyPhotobooth · Thème Clair ── */
:root {
    --gold:             #3d6b99;
    --gold-lt:          rgba(140, 99, 40, .10);
    --gold-brd:         rgba(140, 99, 40, .30);
    --bg:               #f5f3ef;
    --surface:          #ffffff;
    --surface2:         #ede9e2;
    --border:           rgba(0, 0, 0, .12);
    --text:             #1a1612;
    --muted:            #6b6560;
    --error:            #dc2626;
    --success:          #16a34a;
    --r:                10px;
    --body-gradient:    none;
    --modal-photo-bg:   #d8d0c4;
    --radio-icon-bg:    rgba(0, 0, 0, .04);
}
/* Corrections spécifiques light */
input, select, textarea    { background: #ffffff; border-color: rgba(0,0,0,.15); }
select option              { background: #ffffff; }
.radio-box                 { border-color: rgba(0,0,0,.12); }
.template-card             { border-color: rgba(0,0,0,.12); }

/* Boutons — contraste sur fond clair */
/* Bouton principal (submit + modal) → vert pour contraste et lisibilité */
.btn-submit                { background: #16a34a; color: #ffffff; }
.btn-submit:hover          { background: #15803d; opacity: 1; }
.btn-voir-plus             { border-color: rgba(61,107,153,.45); color: #3d6b99; }
.btn-voir-plus:hover       { background: rgba(61,107,153,.10); }
.modal-select              { background: #16a34a; color: #ffffff; }
.form-section-title        { color: #3d6b99; border-bottom-color: rgba(61,107,153,.30); }
.page-eyebrow              { color: #3d6b99; }
.page-eyebrow::before      { background: rgba(61,107,153,.30); }
.price-total-val           { color: #3d6b99; }
.form-status.ok            { color: #16a34a; }
.form-status.err           { color: #dc2626; }
.distance-result.ok        { color: #16a34a; }
.distance-result.err       { color: #dc2626; }
.success-ref               { background: #ede9e2; color: #3d6b99; }
.template-opt input:checked ~ .template-card { border-color: #3d6b99; }
.template-opt input:checked ~ .template-card .template-label { color: #3d6b99; }
.radio-opt input:checked ~ .radio-box { border-color: #3d6b99; background: rgba(61,107,153,.08); }
.radio-opt input:checked ~ .radio-box .radio-box-icon svg { stroke: #3d6b99; }
label .req                 { color: #3d6b99; }
input:focus, select:focus, textarea:focus { border-color: #3d6b99; box-shadow: 0 0 0 3px rgba(61,107,153,.12); }

