/* Identidad Mati. Las superficies y los acentos comparten estos valores. */
:root{
  --brand-teal:#008a87;--brand-primary:#006c68;--brand-primary-hover:#005651;
  --brand-coral:#f16c4b;--brand-peach:#f7b59b;--brand-sand:#f2e9dd;
  --brand-ink:#19343b;--brand-bg:#faf8f4;--brand-surface:#fff;
  --brand-soft:#e8f2ef;--brand-line:#dce5df;--brand-muted:#5d706e;
  --brand-on-primary:#fff;--brand-focus:#007d78;
  --theme-bg:var(--brand-bg);--theme-surface:var(--brand-surface);--theme-soft:var(--brand-soft);
  --theme-ink:var(--brand-ink);--theme-line:var(--brand-line);
  --muted:var(--brand-muted);--border:var(--brand-line);--green:var(--brand-primary);
  background:var(--brand-bg);color:var(--brand-ink);
}
:root[data-theme="dark"]{
  --brand-primary:#75d2c3;--brand-primary-hover:#9ce1d6;--brand-on-primary:#102b2b;
  --brand-ink:#eaf3ee;--brand-bg:#101f22;--brand-surface:#182a2e;
  --brand-soft:#223a3c;--brand-line:#365154;--brand-muted:#b1c6c2;--brand-focus:#83dfcf;
  --theme-bg:var(--brand-bg);--theme-surface:var(--brand-surface);--theme-soft:var(--brand-soft);
  --theme-ink:var(--brand-ink);--theme-line:var(--brand-line);
  --muted:var(--brand-muted);--border:var(--brand-line);--green:var(--brand-primary);
}
body{background:var(--brand-bg);color:var(--brand-ink)}
.brand{display:inline-flex;align-items:center;flex-shrink:0;color:var(--brand-ink);letter-spacing:normal;line-height:1}
.brand-logo{display:block;width:140px;height:auto;aspect-ratio:94/27;overflow:visible}
.brand-symbol{display:block;width:28px;height:28px;flex-shrink:0}
.site-header .brand-logo{width:148px}.site-footer .brand-logo{width:140px}
.admin-sidebar .brand-logo{width:139px}.login-story .brand-logo{width:174px}
.tablet-topbar .brand-logo{width:116px}.checkout-topbar .brand-logo{width:140px}
.small-mark,.chat-mark{display:grid;place-items:center;background:var(--brand-soft);border-radius:12px}
.small-mark{width:44px;height:44px}.small-mark .brand-symbol{width:30px;height:30px}.chat-mark .brand-symbol{width:23px;height:23px}
.mini-brand{display:inline-flex;color:var(--brand-ink)}.mini-brand .brand-logo{width:83px}
:root[data-theme] .primary,:root[data-theme] .button.primary,:root[data-theme] .filter.selected,:root[data-theme] .calendar-day.selected,:root[data-theme] .is-today .week-day-number,:root[data-theme] .checkout-success .confirmation-mark{
  background:var(--brand-primary);color:var(--brand-on-primary);border-color:var(--brand-primary)
}
:root[data-theme] .button.primary:hover{background:var(--brand-primary-hover)}
:root .secondary{background:var(--brand-surface);color:var(--brand-ink);border-color:var(--brand-line)}
:root .secondary:hover{background:var(--brand-soft)}
:root .nav-active,:root .admin-nav-link.nav-active,:root[data-theme] .admin-nav-link[aria-current=page]{background:var(--brand-soft);color:var(--brand-primary)}
:root .business-tabs button.selected{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}
:root .button:focus-visible,:root a:focus-visible,:root button:focus-visible,:root input:focus-visible,
:root select:focus-visible,:root textarea:focus-visible{outline:3px solid var(--brand-focus);outline-offset:3px}
:root input,:root select,:root textarea{accent-color:var(--brand-primary)}
:root .login-story,:root .detail-panel,:root .consumption-health,:root .sound-box,:root .simulation-note,:root .catalog-visual{background:var(--brand-soft)}
:root .stats,:root .directory,:root .sidebar,:root .week-panel,:root .calendar-box,:root .reservation-card,
:root .catalog-card,:root .agenda-card,:root .today-wrap,:root .checkout-summary{background:var(--brand-surface);border-color:var(--brand-line)}
:root[data-theme] .business-table tbody tr.selected,:root[data-theme] .business-table tbody tr:hover{background:var(--brand-soft)}
:root .payment-method{background:var(--brand-surface);border-color:var(--brand-line)}
:root[data-theme] .payment-method:has(input:checked){background:var(--brand-soft);border-color:var(--brand-primary)}
:root[data-theme] .payment-method:has(input:checked) .method-icon{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary)}
:root .connection-status.active{background:var(--brand-soft);color:var(--brand-primary)}
:root .operation-layout{--confirmed-bg:var(--brand-soft);--confirmed-ink:var(--brand-primary)}
:root .toast{background:var(--brand-ink);color:var(--brand-bg)}
:root .landing{--ink:var(--brand-ink);--paper:var(--brand-bg);--soft:var(--brand-soft);--line:var(--brand-line)}
:root .landing .hero-copy>.eyebrow{color:var(--brand-primary)}
:root .landing .hello-card,:root .landing .business-preview,:root .landing .mini-reservation{background:var(--brand-surface);border-color:var(--brand-line)}
:root .landing .journey-preview,:root .landing .preview-tag,:root .landing .mini-week .mini-today{background:var(--brand-soft);border-color:var(--brand-line)}
:root .landing .step.selected{border-left-color:var(--brand-coral)}
:root .landing .business-section{background:#193b3e;color:#f5f5ed}
:root .landing .business-copy .eyebrow{color:var(--brand-peach)}
:root .landing .business-copy>p:not(.eyebrow):not(.business-access){color:#c6d9d5}
:root .landing .business-access{color:#b4ccc6}
:root .landing .light-button{background:#f2e9dd;color:#19343b}
:root .landing .light-button:hover{background:#fff5e9}
:root .landing .mini-actions>span:last-child{background:var(--brand-primary);color:var(--brand-on-primary);border-color:var(--brand-primary)}
:root .landing .hero-last svg{color:var(--brand-coral)}
:root .landing .location-illustration{color:var(--brand-primary)}
:root .landing .landing-qr,:root .access-qr{background:#fff;color:#19343b}
:root .landing .landing-qr figcaption,:root .access-qr figcaption{color:#5d706e}
:root[data-theme="dark"] .brand{color:var(--brand-ink)}
:root[data-theme="dark"] .approval-stack.has-stack::before,:root[data-theme="dark"] .approval-stack.deep-stack::after{background:var(--brand-soft);border-color:var(--brand-line)}
:root[data-theme="dark"] :is(.private-link,.login-card input,.editor-dialog input:not([type=checkbox]),.editor-dialog select,.editor-dialog textarea){background:var(--brand-surface);color:var(--brand-ink);border-color:var(--brand-line)}
:root[data-theme="dark"] .editor-dialog{background:var(--brand-bg);color:var(--brand-ink)}
:root[data-theme="dark"] .business-section{background:#0a191c}
@media(max-width:760px){.site-header .brand-logo{width:112px}.site-footer .brand-logo{width:123px}.admin-sidebar .brand-logo{width:116px}}
@media(max-width:550px){.tablet-topbar .brand-logo{width:80px}.checkout-topbar .brand-logo{width:112px}.login-story .brand-logo{width:140px}}
@media(max-width:360px){.tablet-topbar .brand-logo{width:67px}.site-header .brand-logo{width:98px}}