/* Marca compartida: sitio, acceso, app y back office. Regla del dueño en AGENTS.md. */
:root {
  --brand-accent: #00d66f;
  --brand-accent-hover: #00c767;
  --brand-ink: #011e0f;
  --brand-link: #006c38;
  --brand-surface: #e6ffed;
}

/* Firma Perenne: símbolo libre y nombre como en la referencia aprobada. */
:root { --brand-symbol-color: #00d66f; --brand-name-color: #12382a; }
.brand-mark {
  display: inline-block; flex: none; width: 32px; height: 32px;
  background: var(--brand-symbol-color);
  -webkit-mask: url('./brand-shape.svg?v=balanced-1') center / contain no-repeat;
  mask: url('./brand-shape.svg?v=balanced-1') center / contain no-repeat;
}
.brand-name, .head .brand-name {
  color: var(--brand-name-color); font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 24px; line-height: 1; font-weight: 400; letter-spacing: 0; white-space: nowrap;
}
.public-site .foot, .public-auth .auth-foot { --brand-symbol-color: #d9f5dc; --brand-name-color: #d9f5dc; }
.public-auth .auth-card .logo.brand-mark { display: block; width: 44px; height: 44px; margin: 0 auto 28px; border-radius: 0; box-shadow: none; }
.preview-brand .brand-mark { width: 20px; height: 20px; }
.preview-brand .brand-name { font-size: 16px; }
.head .brand-mark { width: 40px; height: 40px; }
.head .brand-name { font-size: 24px; margin: 0; }
@media (max-width: 639px) { .brand-name { font-size: 22px; } }
:root:not(:has(.public-site, .public-auth))[data-theme='dark'] { --brand-symbol-color: #d9f5dc; --brand-name-color: #d9f5dc; }
@media (prefers-color-scheme: dark) {
  :root:not(:has(.public-site, .public-auth)):not([data-theme='light']) { --brand-symbol-color: #d9f5dc; --brand-name-color: #d9f5dc; }
}

.public-site, .public-auth { --brand-symbol-color: var(--brand-accent); --brand-name-color: #12382a; }
:root[data-public-theme='dark'] .public-site, :root[data-public-theme='dark'] .public-auth { --brand-symbol-color: #d9f5dc; --brand-name-color: #d9f5dc; }