/* Identidade Duda: marfim, bege, marrom e dourado. */
:root {
  --ink:#2b211b; --muted:#75685e; --cream:#f8f4ed; --white:#fffdf9;
  --rose:#9a7048; --rose-dark:#68452f; --blush:#e8dacb;
  --line:rgba(91,65,45,.18);
}
::selection { color:#fff; background:#8a613f; }
body { background:var(--cream); }
.auth-shell { background:radial-gradient(circle at 80% 15%,#e3cda7,transparent 28rem),linear-gradient(145deg,#f8f4ed,#e8dacb); }
.auth-card { background:#fffdf9; box-shadow:0 30px 90px rgba(72,48,32,.16); }
.sidebar { background:linear-gradient(165deg,#2b1d16,#4a3022); }
.admin-brand span { background:#8a613f; }
.sidebar nav a { color:#e2d5c9; }
.sidebar nav a:hover,.sidebar nav a.active { color:#fffdf9; background:rgba(201,162,93,.2); }
.logout { color:#eadfd2; border-color:rgba(225,193,138,.3); }
.auth-card button,.save-button,.today-button,.file-action { background:linear-gradient(135deg,#8a613f,#68452f); }
.icon-button { color:var(--rose-dark); background:#eee3d5; }
.occupied-section { background:linear-gradient(145deg,#2b1d16,#4a3022); }
.occupied-heading .eyebrow { color:#e1c18a; }
.occupied-count,.occupied-tags span { color:#eadfd2; }
.occupied-when span,.occupied-client span,.occupied-section .booked-empty { color:#d9c9ba; }
.booking-row { border-color:var(--line); background:linear-gradient(100deg,#fffdf9,#f4ebdf); }
.booking-details span,.exception-tag { background:#eee3d5; }
.settings-tabs { background:#eee5da; }
.settings-tabs button.active { background:var(--rose-dark); box-shadow:0 7px 18px rgba(104,69,47,.2); }
.rules-intro { background:linear-gradient(110deg,#f3eadf,#fffdf9); }
.help-button,.company-logo-preview { border-color:#c7ad8e; }
.help-popover { color:#624e3f; background:#f3eadf; }
.exception-help,.service-detail,.company-logo-preview { background:#f3eadf; }
.service-admin-card:hover,.exception-card:hover { border-color:#c7ad8e; box-shadow:0 7px 18px rgba(104,69,47,.08); }
.catalog-image-editor { background:#f5efe6; }
.auth-card input:focus,.appointment-dialog select:focus,.appointment-dialog textarea:focus,.rule-card input[type="number"]:focus { border-color:var(--rose); box-shadow:0 0 0 3px rgba(138,97,63,.14); }
.toggle-control input:focus-visible + span { outline-color:rgba(138,97,63,.35); }