/* CATNARA shared ten design templates V112.
   PC theme / layout uses standard semantic tokens. APP+Apple share palette values
   from mobile-theme-v1.js without changing the existing authentication or content. */
html[data-view-mode="public"][data-site-theme="mint-breeze"]{
 --st-bg:#f2fbf8;--st-surface:#ffffff;--st-soft:color-mix(in srgb,#4b9a87 10%,#f2fbf8);--st-line:color-mix(in srgb,#4b9a87 18%,#f2fbf8);
 --st-ink:#1f433c;--st-muted:color-mix(in srgb,#1f433c 66%,#f2fbf8);--st-accent:#4b9a87;--st-accent2:color-mix(in srgb,#4b9a87 69%,#ffffff);
 --st-dark:color-mix(in srgb,#1f433c 86%,#000);--st-darktext:#ffffff;
 --st-herocopy:color-mix(in srgb,#4b9a87 10%,#f2fbf8);--st-herotext:#1f433c;--st-heromuted:color-mix(in srgb,#1f433c 66%,#f2fbf8);
 --st-stage:color-mix(in srgb,#4b9a87 12%,#f2fbf8);
 --st-radius:26px;--st-cardradius:23px;--st-shadow:0 14px 34px color-mix(in srgb,#1f433c 10%,transparent);
 --st-display:system-ui,-apple-system,"Noto Sans KR",sans-serif;
 --ui-accent-text:#ffffff;
 }
html[data-view-mode="public"][data-public-layout="mint-breeze"]{
 --catnara-template-radius:26px;
 --catnara-template-gap:16px;
}
html[data-view-mode="public"][data-public-layout="mint-breeze"] :is(.salon-hero,.page-hero){
 border-radius:var(--catnara-template-radius)!important;
 box-shadow:0 16px 36px color-mix(in srgb,#1f433c 9%,transparent)!important;
}
html[data-view-mode="public"][data-public-layout="mint-breeze"] :is(.case-card,.care-card,.salon-gallery,.salon-menu-section,.salon-promise,.review,.panel){
 border-radius:var(--catnara-template-radius)!important;
}
html[data-view-mode="public"][data-site-theme="emerald-boutique"]{
 --st-bg:#f4f8f4;--st-surface:#ffffff;--st-soft:color-mix(in srgb,#347960 10%,#f4f8f4);--st-line:color-mix(in srgb,#347960 18%,#f4f8f4);
 --st-ink:#223b31;--st-muted:color-mix(in srgb,#223b31 66%,#f4f8f4);--st-accent:#347960;--st-accent2:color-mix(in srgb,#347960 69%,#ffffff);
 --st-dark:color-mix(in srgb,#223b31 86%,#000);--st-darktext:#ffffff;
 --st-herocopy:color-mix(in srgb,#347960 10%,#f4f8f4);--st-herotext:#223b31;--st-heromuted:color-mix(in srgb,#223b31 66%,#f4f8f4);
 --st-stage:color-mix(in srgb,#347960 12%,#f4f8f4);
 --st-radius:14px;--st-cardradius:11px;--st-shadow:0 14px 34px color-mix(in srgb,#223b31 10%,transparent);
 --st-display:system-ui,-apple-system,"Noto Sans KR",sans-serif;
 --ui-accent-text:#ffffff;
 }
html[data-view-mode="public"][data-public-layout="emerald-boutique"]{
 --catnara-template-radius:14px;
 --catnara-template-gap:20px;
}
html[data-view-mode="public"][data-public-layout="emerald-boutique"] :is(.salon-hero,.page-hero){
 border-radius:var(--catnara-template-radius)!important;
 box-shadow:0 16px 18px color-mix(in srgb,#223b31 9%,transparent)!important;
}
html[data-view-mode="public"][data-public-layout="emerald-boutique"] :is(.case-card,.care-card,.salon-gallery,.salon-menu-section,.salon-promise,.review,.panel){
 border-radius:var(--catnara-template-radius)!important;
}
html[data-view-mode="public"][data-site-theme="blush-silk"]{
 --st-bg:#fff4f6;--st-surface:#ffffff;--st-soft:color-mix(in srgb,#cc7596 10%,#fff4f6);--st-line:color-mix(in srgb,#cc7596 18%,#fff4f6);
 --st-ink:#49323d;--st-muted:color-mix(in srgb,#49323d 66%,#fff4f6);--st-accent:#cc7596;--st-accent2:color-mix(in srgb,#cc7596 69%,#ffffff);
 --st-dark:color-mix(in srgb,#49323d 86%,#000);--st-darktext:#ffffff;
 --st-herocopy:color-mix(in srgb,#cc7596 10%,#fff4f6);--st-herotext:#49323d;--st-heromuted:color-mix(in srgb,#49323d 66%,#fff4f6);
 --st-stage:color-mix(in srgb,#cc7596 12%,#fff4f6);
 --st-radius:32px;--st-cardradius:29px;--st-shadow:0 14px 34px color-mix(in srgb,#49323d 10%,transparent);
 --st-display:system-ui,-apple-system,"Noto Sans KR",sans-serif;
 --ui-accent-text:#ffffff;
 }
html[data-view-mode="public"][data-public-layout="blush-silk"]{
 --catnara-template-radius:32px;
 --catnara-template-gap:12px;
}
html[data-view-mode="public"][data-public-layout="blush-silk"] :is(.salon-hero,.page-hero){
 border-radius:var(--catnara-template-radius)!important;
 box-shadow:0 16px 28px color-mix(in srgb,#49323d 9%,transparent)!important;
}
html[data-view-mode="public"][data-public-layout="blush-silk"] :is(.case-card,.care-card,.salon-gallery,.salon-menu-section,.salon-promise,.review,.panel){
 border-radius:var(--catnara-template-radius)!important;
}
html[data-view-mode="public"][data-site-theme="coral-pop"]{
 --st-bg:#fff7f2;--st-surface:#ffffff;--st-soft:color-mix(in srgb,#e47c68 10%,#fff7f2);--st-line:color-mix(in srgb,#e47c68 18%,#fff7f2);
 --st-ink:#4c312e;--st-muted:color-mix(in srgb,#4c312e 66%,#fff7f2);--st-accent:#e47c68;--st-accent2:color-mix(in srgb,#e47c68 69%,#ffffff);
 --st-dark:color-mix(in srgb,#4c312e 86%,#000);--st-darktext:#ffffff;
 --st-herocopy:color-mix(in srgb,#e47c68 10%,#fff7f2);--st-herotext:#4c312e;--st-heromuted:color-mix(in srgb,#4c312e 66%,#fff7f2);
 --st-stage:color-mix(in srgb,#e47c68 12%,#fff7f2);
 --st-radius:24px;--st-cardradius:21px;--st-shadow:0 14px 34px color-mix(in srgb,#4c312e 10%,transparent);
 --st-display:system-ui,-apple-system,"Noto Sans KR",sans-serif;
 --ui-accent-text:#ffffff;
 }
html[data-view-mode="public"][data-public-layout="coral-pop"]{
 --catnara-template-radius:24px;
 --catnara-template-gap:14px;
}
html[data-view-mode="public"][data-public-layout="coral-pop"] :is(.salon-hero,.page-hero){
 border-radius:var(--catnara-template-radius)!important;
 box-shadow:0 16px 24px color-mix(in srgb,#4c312e 9%,transparent)!important;
}
html[data-view-mode="public"][data-public-layout="coral-pop"] :is(.case-card,.care-card,.salon-gallery,.salon-menu-section,.salon-promise,.review,.panel){
 border-radius:var(--catnara-template-radius)!important;
}
html[data-view-mode="public"][data-site-theme="ocean-glass"]{
 --st-bg:#f2f9fc;--st-surface:#ffffff;--st-soft:color-mix(in srgb,#417f9c 10%,#f2f9fc);--st-line:color-mix(in srgb,#417f9c 18%,#f2f9fc);
 --st-ink:#203d4e;--st-muted:color-mix(in srgb,#203d4e 66%,#f2f9fc);--st-accent:#417f9c;--st-accent2:color-mix(in srgb,#417f9c 69%,#ffffff);
 --st-dark:color-mix(in srgb,#203d4e 86%,#000);--st-darktext:#ffffff;
 --st-herocopy:color-mix(in srgb,#417f9c 10%,#f2f9fc);--st-herotext:#203d4e;--st-heromuted:color-mix(in srgb,#203d4e 66%,#f2f9fc);
 --st-stage:color-mix(in srgb,#417f9c 12%,#f2f9fc);
 --st-radius:18px;--st-cardradius:15px;--st-shadow:0 14px 34px color-mix(in srgb,#203d4e 10%,transparent);
 --st-display:system-ui,-apple-system,"Noto Sans KR",sans-serif;
 --ui-accent-text:#ffffff;
 }
html[data-view-mode="public"][data-public-layout="ocean-glass"]{
 --catnara-template-radius:18px;
 --catnara-template-gap:23px;
}
html[data-view-mode="public"][data-public-layout="ocean-glass"] :is(.salon-hero,.page-hero){
 border-radius:var(--catnara-template-radius)!important;
 box-shadow:0 16px 34px color-mix(in srgb,#203d4e 9%,transparent)!important;
}
html[data-view-mode="public"][data-public-layout="ocean-glass"] :is(.case-card,.care-card,.salon-gallery,.salon-menu-section,.salon-promise,.review,.panel){
 border-radius:var(--catnara-template-radius)!important;
}
html[data-view-mode="public"][data-site-theme="butter-cream"]{
 --st-bg:#fff9ec;--st-surface:#fffefa;--st-soft:color-mix(in srgb,#b68b3c 10%,#fff9ec);--st-line:color-mix(in srgb,#b68b3c 18%,#fff9ec);
 --st-ink:#44351e;--st-muted:color-mix(in srgb,#44351e 66%,#fff9ec);--st-accent:#b68b3c;--st-accent2:color-mix(in srgb,#b68b3c 69%,#fffefa);
 --st-dark:color-mix(in srgb,#44351e 86%,#000);--st-darktext:#ffffff;
 --st-herocopy:color-mix(in srgb,#b68b3c 10%,#fff9ec);--st-herotext:#44351e;--st-heromuted:color-mix(in srgb,#44351e 66%,#fff9ec);
 --st-stage:color-mix(in srgb,#b68b3c 12%,#fff9ec);
 --st-radius:28px;--st-cardradius:25px;--st-shadow:0 14px 34px color-mix(in srgb,#44351e 10%,transparent);
 --st-display:system-ui,-apple-system,"Noto Sans KR",sans-serif;
 --ui-accent-text:#292725;
 }
html[data-view-mode="public"][data-public-layout="butter-cream"]{
 --catnara-template-radius:28px;
 --catnara-template-gap:17px;
}
html[data-view-mode="public"][data-public-layout="butter-cream"] :is(.salon-hero,.page-hero){
 border-radius:var(--catnara-template-radius)!important;
 box-shadow:0 16px 26px color-mix(in srgb,#44351e 9%,transparent)!important;
}
html[data-view-mode="public"][data-public-layout="butter-cream"] :is(.case-card,.care-card,.salon-gallery,.salon-menu-section,.salon-promise,.review,.panel){
 border-radius:var(--catnara-template-radius)!important;
}
html[data-view-mode="public"][data-site-theme="mocha-latte"]{
 --st-bg:#f8f3ec;--st-surface:#ffffff;--st-soft:color-mix(in srgb,#8d6c54 10%,#f8f3ec);--st-line:color-mix(in srgb,#8d6c54 18%,#f8f3ec);
 --st-ink:#44372e;--st-muted:color-mix(in srgb,#44372e 66%,#f8f3ec);--st-accent:#8d6c54;--st-accent2:color-mix(in srgb,#8d6c54 69%,#ffffff);
 --st-dark:color-mix(in srgb,#44372e 86%,#000);--st-darktext:#ffffff;
 --st-herocopy:color-mix(in srgb,#8d6c54 10%,#f8f3ec);--st-herotext:#44372e;--st-heromuted:color-mix(in srgb,#44372e 66%,#f8f3ec);
 --st-stage:color-mix(in srgb,#8d6c54 12%,#f8f3ec);
 --st-radius:20px;--st-cardradius:17px;--st-shadow:0 14px 34px color-mix(in srgb,#44372e 10%,transparent);
 --st-display:system-ui,-apple-system,"Noto Sans KR",sans-serif;
 --ui-accent-text:#ffffff;
 }
html[data-view-mode="public"][data-public-layout="mocha-latte"]{
 --catnara-template-radius:20px;
 --catnara-template-gap:16px;
}
html[data-view-mode="public"][data-public-layout="mocha-latte"] :is(.salon-hero,.page-hero){
 border-radius:var(--catnara-template-radius)!important;
 box-shadow:0 16px 20px color-mix(in srgb,#44372e 9%,transparent)!important;
}
html[data-view-mode="public"][data-public-layout="mocha-latte"] :is(.case-card,.care-card,.salon-gallery,.salon-menu-section,.salon-promise,.review,.panel){
 border-radius:var(--catnara-template-radius)!important;
}
html[data-view-mode="public"][data-site-theme="lilac-cloud"]{
 --st-bg:#f8f4ff;--st-surface:#ffffff;--st-soft:color-mix(in srgb,#8c75b1 10%,#f8f4ff);--st-line:color-mix(in srgb,#8c75b1 18%,#f8f4ff);
 --st-ink:#392e4e;--st-muted:color-mix(in srgb,#392e4e 66%,#f8f4ff);--st-accent:#8c75b1;--st-accent2:color-mix(in srgb,#8c75b1 69%,#ffffff);
 --st-dark:color-mix(in srgb,#392e4e 86%,#000);--st-darktext:#ffffff;
 --st-herocopy:color-mix(in srgb,#8c75b1 10%,#f8f4ff);--st-herotext:#392e4e;--st-heromuted:color-mix(in srgb,#392e4e 66%,#f8f4ff);
 --st-stage:color-mix(in srgb,#8c75b1 12%,#f8f4ff);
 --st-radius:30px;--st-cardradius:27px;--st-shadow:0 14px 34px color-mix(in srgb,#392e4e 10%,transparent);
 --st-display:system-ui,-apple-system,"Noto Sans KR",sans-serif;
 --ui-accent-text:#ffffff;
 }
html[data-view-mode="public"][data-public-layout="lilac-cloud"]{
 --catnara-template-radius:30px;
 --catnara-template-gap:12px;
}
html[data-view-mode="public"][data-public-layout="lilac-cloud"] :is(.salon-hero,.page-hero){
 border-radius:var(--catnara-template-radius)!important;
 box-shadow:0 16px 28px color-mix(in srgb,#392e4e 9%,transparent)!important;
}
html[data-view-mode="public"][data-public-layout="lilac-cloud"] :is(.case-card,.care-card,.salon-gallery,.salon-menu-section,.salon-promise,.review,.panel){
 border-radius:var(--catnara-template-radius)!important;
}
html[data-view-mode="public"][data-site-theme="terracotta-studio"]{
 --st-bg:#fff6ed;--st-surface:#ffffff;--st-soft:color-mix(in srgb,#b76a4e 10%,#fff6ed);--st-line:color-mix(in srgb,#b76a4e 18%,#fff6ed);
 --st-ink:#462c24;--st-muted:color-mix(in srgb,#462c24 66%,#fff6ed);--st-accent:#b76a4e;--st-accent2:color-mix(in srgb,#b76a4e 69%,#ffffff);
 --st-dark:color-mix(in srgb,#462c24 86%,#000);--st-darktext:#ffffff;
 --st-herocopy:color-mix(in srgb,#b76a4e 10%,#fff6ed);--st-herotext:#462c24;--st-heromuted:color-mix(in srgb,#462c24 66%,#fff6ed);
 --st-stage:color-mix(in srgb,#b76a4e 12%,#fff6ed);
 --st-radius:12px;--st-cardradius:9px;--st-shadow:0 14px 34px color-mix(in srgb,#462c24 10%,transparent);
 --st-display:system-ui,-apple-system,"Noto Sans KR",sans-serif;
 --ui-accent-text:#ffffff;
 }
html[data-view-mode="public"][data-public-layout="terracotta-studio"]{
 --catnara-template-radius:12px;
 --catnara-template-gap:22px;
}
html[data-view-mode="public"][data-public-layout="terracotta-studio"] :is(.salon-hero,.page-hero){
 border-radius:var(--catnara-template-radius)!important;
 box-shadow:0 16px 16px color-mix(in srgb,#462c24 9%,transparent)!important;
}
html[data-view-mode="public"][data-public-layout="terracotta-studio"] :is(.case-card,.care-card,.salon-gallery,.salon-menu-section,.salon-promise,.review,.panel){
 border-radius:var(--catnara-template-radius)!important;
}
html[data-view-mode="public"][data-site-theme="graphite-luxe"]{
 --st-bg:#242830;--st-surface:#343944;--st-soft:color-mix(in srgb,#99bad1 10%,#242830);--st-line:color-mix(in srgb,#99bad1 18%,#242830);
 --st-ink:#edf3f7;--st-muted:color-mix(in srgb,#edf3f7 66%,#242830);--st-accent:#99bad1;--st-accent2:color-mix(in srgb,#99bad1 69%,#343944);
 --st-dark:color-mix(in srgb,#edf3f7 86%,#000);--st-darktext:#242830;
 --st-herocopy:color-mix(in srgb,#99bad1 10%,#242830);--st-herotext:#edf3f7;--st-heromuted:color-mix(in srgb,#edf3f7 66%,#242830);
 --st-stage:color-mix(in srgb,#99bad1 12%,#242830);
 --st-radius:8px;--st-cardradius:8px;--st-shadow:0 14px 34px color-mix(in srgb,#edf3f7 10%,transparent);
 --st-display:system-ui,-apple-system,"Noto Sans KR",sans-serif;
 --ui-accent-text:#292725;
 }
html[data-view-mode="public"][data-public-layout="graphite-luxe"]{
 --catnara-template-radius:8px;
 --catnara-template-gap:14px;
}
html[data-view-mode="public"][data-public-layout="graphite-luxe"] :is(.salon-hero,.page-hero){
 border-radius:var(--catnara-template-radius)!important;
 box-shadow:0 16px 12px color-mix(in srgb,#edf3f7 9%,transparent)!important;
}
html[data-view-mode="public"][data-public-layout="graphite-luxe"] :is(.case-card,.care-card,.salon-gallery,.salon-menu-section,.salon-promise,.review,.panel){
 border-radius:var(--catnara-template-radius)!important;
}
/* Ten layout styles combine existing stable V6 sections in different visual rhythms. */
html[data-view-mode="public"][data-public-layout="mint-breeze"] :is(.salon-hero,.salon-promise){background:linear-gradient(135deg,var(--st-soft),var(--st-surface))!important}
html[data-view-mode="public"][data-public-layout="emerald-boutique"] :is(.salon-promise,.appointment-band){background:var(--st-dark)!important;color:#fff!important}
html[data-view-mode="public"][data-public-layout="blush-silk"] :is(.salon-menu-section,.salon-gallery){background:linear-gradient(120deg,var(--st-surface),var(--st-soft))!important}
html[data-view-mode="public"][data-public-layout="coral-pop"] :is(.salon-menu-row:hover,.salon-step){box-shadow:0 6px 24px color-mix(in srgb,var(--st-accent) 14%,transparent)}
html[data-view-mode="public"][data-public-layout="ocean-glass"] :is(.salon-gallery,.case-card){border:1px solid color-mix(in srgb,var(--st-accent) 22%,transparent)!important}
html[data-view-mode="public"][data-public-layout="butter-cream"] .salon-hero-copy{background:linear-gradient(140deg,var(--st-bg),var(--st-soft))!important}
html[data-view-mode="public"][data-public-layout="mocha-latte"] :is(.salon-menu-section,.page-hero){background:var(--st-soft)!important}
html[data-view-mode="public"][data-public-layout="lilac-cloud"] :is(.salon-hero,.salon-gallery){box-shadow:0 18px 46px color-mix(in srgb,var(--st-accent) 14%,transparent)!important}
html[data-view-mode="public"][data-public-layout="terracotta-studio"] :is(.salon-menu-row,.salon-step){border-left:3px solid var(--st-accent)!important}
html[data-view-mode="public"][data-public-layout="graphite-luxe"] :is(.salon-hero,.salon-promise){border:1px solid var(--st-line)!important}
html[data-view-mode="public"][data-site-theme="graphite-luxe"]{color-scheme:dark}
html[data-view-mode="public"][data-site-theme="graphite-luxe"] .public-header{background:#2b3039!important}
html[data-view-mode="public"][data-site-theme="graphite-luxe"] :is(.public-header .nav button,.public-header .logo-text){color:#f4f4fa!important}
@media(max-width:820px){
 html[data-mobile-experience="app"][data-catapp-theme-inherit="0"] body.catnara-app-shell-v2-active{
  /* App root style variables override shared PC template. */
  color:var(--catapp-native-text)!important;
 }
}