/* Shared application identity. Legacy color names remain aliases for existing components. */
:root {
  --orange: var(--brand-primary);
  --orange-dark: var(--brand-primary-hover);
  --orange-hover: #146548;
  --orange-soft: var(--brand-primary-soft);
  --orange-muted: #deeee3;
  --ink: var(--brand-ink);
  --ink-secondary: #365447;
  --muted: var(--brand-muted);
  --line: var(--brand-line);
  --surface-soft: #f5f7f4;
  --surface-hover: #edf3ee;
}
.brand-lockup img { width: 54px; height: 40px; border-radius: 0; filter: none; }
.brand-lockup strong { color: var(--brand-primary); }
.app-sidebar { border-top: 4px solid var(--brand-primary); }
.app-nav__item.is-active { color: var(--brand-primary); background: var(--brand-primary-soft); box-shadow: inset 3px 0 var(--brand-accent); }
.app-button.primary, .primary-button, .login-submit, .crm-ui__button--primary { background: var(--brand-primary); border-color: var(--brand-primary); color: #fff; box-shadow: none; }
.app-button.primary:hover, .primary-button:hover, .login-submit:hover, .crm-ui__button--primary:hover { background: var(--brand-primary-hover); box-shadow: none; }
.app-button.primary:active, .primary-button:active { box-shadow: none; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline-color: var(--brand-primary); }
input:focus, select:focus, textarea:focus { border-color: var(--brand-primary); box-shadow: 0 0 0 3px rgb(0 77 54 / 12%); }
.login-page { background: #f1f5f0; }
.login-page::before { background: radial-gradient(circle, rgb(0 77 54 / 6%), transparent 70%); }
.login-card { border-top: 4px solid var(--brand-primary); }
.login-brand img { width: 105px; height: 70px; object-fit: contain; }
.login-brand { color: var(--brand-primary); }
.login-brand span { border-bottom: 2px solid var(--brand-accent); padding-bottom: 5px; }
@media (max-width: 700px) { .brand-lockup img { width: 34px; height: 28px; } }

.crm-ui .crm-button.primary, .qe-btn-primary { background: var(--brand-primary); border-color: var(--brand-primary); box-shadow: none; color: #fff; }
.crm-ui .crm-button.primary:hover, .qe-btn-primary:hover { background: var(--brand-primary-hover); box-shadow: none; transform: none; }