/* --- AccessRA brand name style --- */
:root {
  /* adjust these to your actual brand colors */
  --brand-primary: #1f2937;           /* slate-800-ish for light backgrounds */
  --brand-accent: #f97316;            /* accent for "RA" */
  --brand-on-dark-primary: #f9fafb;   /* text on dark bg */
  --brand-on-dark-accent: #fb923c;    /* accent on dark bg */
}

.company-name {
  color: var(--brand-primary);
  font-weight: 600;
  letter-spacing: 0.5px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.company-accent {
  color: var(--brand-accent);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.company-name--inverse {
  color: var(--brand-on-dark-primary);
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.company-name--inverse .company-accent {
  color: var(--brand-on-dark-accent);
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
/* --- End brand name style --- */