/* Operator company pages — brand colours flow from --brand-* on .company-site */

.company-site {
  --brand-primary: #dc2626;
  --brand-accent: #991b1b;
  --brand-footer: #18181b;
}

.company-kicker {
  color: var(--brand-primary);
}

.company-text-brand {
  color: var(--brand-primary);
}

.company-bg-brand-subtle {
  background-color: color-mix(in srgb, var(--brand-primary) 10%, white);
}

.company-bg-brand-section {
  background-color: color-mix(in srgb, var(--brand-primary) 6%, #fafafa);
}

.company-border-brand {
  border-color: color-mix(in srgb, var(--brand-primary) 28%, #e4e4e7);
}

.company-border-brand-strong {
  border-color: color-mix(in srgb, var(--brand-primary) 55%, #e4e4e7);
}

.company-card-accent-top {
  border-top: 4px solid var(--brand-primary);
}

.company-card-accent-left {
  border-left: 4px solid var(--brand-primary);
}

.company-bg-brand-bar {
  background-color: var(--brand-primary);
}

.company-gradient-brand {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-accent));
}

.company-nav-link:hover {
  background-color: color-mix(in srgb, var(--brand-primary) 12%, white);
  color: color-mix(in srgb, var(--brand-accent) 85%, #18181b);
}

.company-nav-pill:hover {
  border-color: color-mix(in srgb, var(--brand-primary) 45%, #e4e4e7);
  background-color: color-mix(in srgb, var(--brand-primary) 10%, #fafafa);
  color: color-mix(in srgb, var(--brand-accent) 90%, #18181b);
}

.company-table-head {
  background-color: color-mix(in srgb, var(--brand-primary) 8%, #fafafa);
}

.company-faq-item[open] {
  border-color: color-mix(in srgb, var(--brand-primary) 40%, #e4e4e7);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--brand-primary) 12%, transparent);
}