/* Blush porcelain and polished rose gold, drawn from the LORÉA logo. */
:root {
  color-scheme: light dark;
  --canvas: #f7e9e6;
  --surface: #fff9f6;
  --white: var(--surface);
  --ink: #38262d;
  --muted: #654850;
  --rose: #d9aaa5;
  --petal: #eed1cc;
  --metal: #b97f73;
  --line: #ddbeb9;
  --line-strong: #b1847d;
  --accent: #82474f;
  --button-hover: #975b63;
  --glass: rgba(247,233,230,.96);
  --danger: #982e38;
  --success-bg: #e2ecdf;
  --success-ink: #305e35;
  --warning-bg: #f6e9d3;
  --warning-ink: #5a411e;
  --canvas-finish: linear-gradient(165deg,#fcf1ee 0%,#f7e9e6 48%,#f1dcd7 100%);
  --choice-surface: linear-gradient(160deg,#fff5ef,#edcdc7);
  --control-fill: linear-gradient(180deg,#fffaf7 0%,#faede9 100%);
  --control-shadow: inset 0 1px 0 #ffffff,0 2px 0 #cba29a,0 5px 10px #75454c12;
  --metal-fill: linear-gradient(118deg,#dba79c 0%,#efc8bd 19%,#fff0e5 38%,#e2afa4 60%,#f4d5ca 81%,#d5a093 100%);
  --metal-ink: #3b2329;
  --metal-edge: #b57d70;
  --metal-shadow: inset 0 1px 0 #fff9f1,inset 0 -1px 0 #bc817c66,0 3px 0 #a46b62,0 8px 16px #73434c26;
  --metal-hover-shadow: inset 0 1px 0 #fffaf5,inset 0 -1px 0 #bc817c66,0 4px 0 #a46b62,0 10px 19px #73434c30;
  --pressed-shadow: inset 0 2px 4px #8a4e4d33,0 1px 0 #b38077;
  --hero-finish: linear-gradient(125deg,#edc7c0 0%,#f7dfd7 28%,#fae9e1 47%,#e8bbb3 73%,#f3d4cb 100%);
}
@media (prefers-color-scheme:dark) {
  :root {
    --canvas: #302329;
    --surface: #403038;
    --ink: #fff3ef;
    --muted: #e1c7ce;
    --rose: #986671;
    --petal: #503740;
    --metal: #d7a194;
    --line: #77515b;
    --line-strong: #ac7e87;
    --accent: #f1bfb6;
    --button-hover: #f5d5cb;
    --glass: rgba(48,35,41,.96);
    --danger: #ffb3b3;
    --success-bg: #243d2d;
    --success-ink: #b6e2bf;
    --warning-bg: #493a27;
    --warning-ink: #f1d5a2;
    --canvas-finish: linear-gradient(155deg,#3c2a33 0%,#302329 58%,#39262e 100%);
    --choice-surface: linear-gradient(160deg,#66434e,#48313b);
    --control-fill: linear-gradient(180deg,#523b44 0%,#403039 100%);
    --control-shadow: inset 0 1px 0 #d9a7ac3d,0 2px 0 #211820,0 6px 12px #160e162e;
    --metal-shadow: inset 0 1px 0 #fff9f1,inset 0 -1px 0 #bc817c66,0 3px 0 #a46b62,0 8px 18px #130a1366;
    --metal-hover-shadow: inset 0 1px 0 #fffaf5,inset 0 -1px 0 #bc817c66,0 4px 0 #a46b62,0 11px 22px #130a1373;
    --hero-finish: linear-gradient(125deg,#68434d 0%,#53363f 36%,#714a55 73%,#50323d 100%);
  }
  .hero-photo-caption{background:var(--surface);color:var(--ink)!important}
  .photo-dialog::backdrop{background:#000c}
  .hero-signatures button,.photo-expand{background:var(--surface);color:var(--ink)}
  .booking-page .booking-aside{background:var(--petal)}
  .selected-treatment-copy small,.price-tabs a{color:var(--muted)}
}
body.public-site,body.booking-page{background:var(--canvas-finish);color:var(--ink)}
.public-site .atelier-hero{background:var(--hero-finish)}
.public-site .site-header{background:var(--canvas);border-bottom:1px solid var(--line)}
.public-site .atelier-reservation{background:var(--canvas-finish)}
.public-site .page-intro,.public-site .annual-teaser,.public-site .site-footer{background:var(--hero-finish)}


@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}