/* =====================================================================
   Direction Group brand — loaded AFTER crm-theme.css when brand.key = direction.
   Charcoal carries actions (white text stays readable); the logo's yellow
   marks progress and the current place in the UI.
   ===================================================================== */
:root {
  --ink: #1d1d1f;
  --ink-2: #2c2c2f;
  --ink-3: #3c3c40;
  --nile: #3a3a3d;
  --nile-strong: #1f1f21;
  --nile-soft: #fff4d1;
  --dg-yellow: #fbba00;

  --bs-primary-rgb: 58, 58, 61;
  --bs-link-color-rgb: 31, 31, 33;
}

.crm-sidebar .nav-link.active::before { background: var(--dg-yellow); }
.crm-brand-mark { box-shadow: 0 6px 18px rgba(251, 186, 0, .35); }
.crm-rail-step.is-done .crm-rail-bar { background: var(--dg-yellow); }
.crm-rail-step.is-current .crm-rail-bar { background: var(--dg-yellow); box-shadow: 0 0 0 3px rgba(251, 186, 0, .25); }
.crm-auth-panel .crm-rail-step.is-done .crm-rail-bar { background: var(--dg-yellow); }
.crm-auth-panel .crm-rail-step.is-current .crm-rail-bar { background: #ffd24d; box-shadow: 0 0 0 4px rgba(251, 186, 0, .25); }
.form-control:focus, .form-select:focus { border-color: var(--dg-yellow); box-shadow: 0 0 0 .22rem rgba(251, 186, 0, .22); }
:focus-visible { outline-color: rgba(251, 186, 0, .55); }