/*
 * Signature Nails • Design #2 official brand tokens and finish
 * Original Design #2 is reserved for welcome art and hero crop.
 * Operational pages use calm marble/ivory surfaces for legibility.
 */
:root{
  --ink:#402831;--muted:#78616a;--rose:#a85f71;--rose-dark:#763c4e;
  --cream:#fff9f5;--line:#e4beb2;--surface:#fffaf6;--soft:#fae9e7;
  --premium-plum:#713c4c;--premium-brass:#bd896a;
  --sn-wine:#743e49;--sn-ink:#412d32;--sn-rose:#b16e7c;
  --sn-rose-deep:#874c5a;--sn-petal:#f9dce1;--sn-blush:#fff0e9;
  --sn-ivory:#fffaf7;--sn-gold:#b77d58;--sn-border:#d9ada3;
  --sn-satin:linear-gradient(130deg,#fff5ee 0%,#ffdedf 34%,#f7c4ce 79%,#edb4c0 100%);
  --sn-metal:linear-gradient(110deg,#86533c,#c18761 24%,#f0c49f 42%,#b37451 76%,#8c5142);
  --sn-cream-marble:
    radial-gradient(ellipse at 5% 4%,rgba(255,219,226,.62),transparent 52%),
    radial-gradient(ellipse at 95% 67%,rgba(247,217,204,.35),transparent 53%),
    repeating-linear-gradient(129deg,transparent 0 104px,rgba(199,144,130,.032) 106px,transparent 109px),
    linear-gradient(150deg,#fffdfb,#fff7f3 53%,#f9ecea);
}
body:not(.welcome-mode),body:not(.welcome-mode) .layout,body:not(.welcome-mode) .phone{
 background:var(--sn-cream-marble);color:var(--sn-ink);
}
#site-shell{background:var(--sn-cream-marble)!important}
.site-header{background:linear-gradient(110deg,rgba(255,248,244,.98),rgba(255,230,232,.97))!important;border-bottom-color:#d9aba0}
.site-header .brand-poster-crop{border-color:#cda48f!important;border-radius:11px!important;box-shadow:inset 0 0 0 2px #fff7f0,0 4px 17px #82565721!important}
.site-nav .nav-accent{background:linear-gradient(125deg,#b87583,#874657)!important;border:1px solid #a05c66!important}
.hero-eyebrow,.section-kicker,.service-tile-index{color:#a16d67!important}
.hero h1{color:#783f4a!important}
.hero h1 em{color:#a96978!important}
.hero p,.section-heading p{color:#705760!important}
.hero-availability{color:#83555c!important}
.site-section::before{background:linear-gradient(90deg,transparent,#d6ab8b,transparent)}
.site-button,#site-shell button.site-button,.signature-nav-back,.signature-nav-utils button{
 color:#643a45!important;background:var(--sn-satin)!important;
 border:1px solid #bf8a81!important;border-radius:999px!important;
 box-shadow:inset 0 1px #fff8f6,0 3px 9px #a069602c;
}
.site-button.primary-action,#site-shell button.site-button.primary-action,
.ops-row-actions .site-button.primary-action{
 color:white!important;border-color:#945464!important;
 background:linear-gradient(120deg,#bd7b8c,#985464 70%,#804656)!important;
 box-shadow:inset 0 1px #ffe8ea8a,0 5px 15px #89505b31;
}
.service-tile,.ui-card,.ui-stat,.ops-section,.ops-request,.ops-appointment,
.actionable-detail,.actionable-record,.actionable-change,.signature-shortcut,
.readiness-item,.demo-check-item{
 border-color:#ddb6ac!important;
 background:linear-gradient(145deg,rgba(255,253,249,.98),rgba(255,241,236,.94))!important;
 box-shadow:0 5px 17px #9f6b6710;
}
.service-tile strong,.ui-card h3,.ops-section h3{color:#7b4952}
.service-tile:focus-within,.ui-card:focus-within{border-color:#a76b7b!important}
#overlay.app-screen .dialog,.dialog{
 background:
  radial-gradient(ellipse at 98% 0,rgba(255,225,228,.50),transparent 51%),
  linear-gradient(147deg,#fffdfa 0%,#fff6f2 100%)!important;
 border-color:#e3bcb5;
}
.dialog h2,.dialog h3{color:#75434f!important}
.dialog input,.dialog select,.dialog textarea{
 color:#35262b!important;background:#fffcfa!important;border-color:#dbb6ad!important;
}
.ui-chip.requested{color:#83542f!important;background:#fff1dd!important}
#signature-app-navigation{
 background:linear-gradient(120deg,rgba(255,248,244,.99),rgba(255,229,232,.98))!important;
 border-bottom-color:#d6a899!important;
}
#signature-app-navigation .signature-nav-brand{color:#995c50!important;letter-spacing:.095em}
.signature-nav-tabs button.active,.signature-nav-tabs button[aria-current="page"],
.ops-tabs button.active,.demo-role-tabs button.is-selected{
 background:linear-gradient(125deg,#af6878,#7f4052)!important;
 border-color:#925666!important;color:#fff!important;
}
.signature-customer-grid .signature-shortcut:hover,.actionable-record:hover,.actionable-stat:hover{
 border-color:#ba8084!important;background:linear-gradient(125deg,#fff7f2,#f5d9d9)!important;
}
.site-footer{background:linear-gradient(125deg,#844553,#a36b77 55%,#77404e)!important;border-top-color:#c99773}
.site-footer p,.site-footer-inner strong{color:#fff4ef!important}
#site-shell .hero-art{background:#f9e2dd!important;aspect-ratio:3 / 2.6!important}
#site-shell .hero-brand-image{top:0!important}
#site-shell .brand-logo-image{transform:translateY(-31%)}
a:focus-visible,button:focus-visible,[role="button"]:focus-visible{
 outline:3px solid #8d4c60!important;outline-offset:3px!important;
}
@media(max-width:600px){
 .site-header{padding:13px 16px!important}
 .site-nav{gap:6px}
 .site-nav button{min-height:43px}
 #site-shell .hero-art{box-shadow:0 0 0 5px #fff9f4,0 0 0 7px #d6ad95,10px 16px 25px #8b56562b!important}
 .signature-nav-brand{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .site-button,.service-tile,.actionable-record{transition:none!important}
}