/* Alpha Direct brand palette.
 *
 * Frappe CRM renders through frappe-ui, which resolves its Tailwind theme from
 * CSS custom properties on :root. Overriding the properties here re-tints the
 * whole SPA without forking any component.
 *
 * NOTE: the frappe-ui token names below follow the convention used by
 * frappe-ui v0.1.x (--surface-*, --ink-*, --outline-*). They MUST be verified
 * against the frappe-ui version actually resolved on the target site — run
 * `yarn why frappe-ui` in crm/frontend and inspect its style.css. If the token
 * names differ, only the colour tinting is affected; nothing else breaks.
 */

:root {
  /* Corporate palette */
  --ad-navy: #0d1b2a;
  --ad-orange: #f4a623;
  --ad-navy-tint-1: #16283c;
  --ad-navy-tint-2: #24405c;
  --ad-orange-tint-1: #f7bc57;
  --ad-orange-tint-2: #fad48f;

  /* Primary action surfaces — solid buttons, active nav, focus rings */
  --surface-gray-7: var(--ad-navy);
  --surface-gray-8: var(--ad-navy);
  --surface-gray-9: var(--ad-navy);
}

/* Accent: orange is Alpha Direct's call-to-action colour. Scope it to the
   primary solid button so it reads as an accent, not a background wash. */
.button.variant-solid,
button[data-variant='solid'] {
  background-color: var(--ad-navy);
}

.button.variant-solid:hover,
button[data-variant='solid']:hover {
  background-color: var(--ad-navy-tint-1);
}

/* Selected / active states pick up the orange accent. */
:root {
  --outline-gray-4: var(--ad-orange);
}

/* Brand wordmark in the sidebar sits on navy. */
.ad-brand-mark {
  color: var(--ad-navy);
  font-weight: 600;
  letter-spacing: 0.01em;
}