/**
 * Payer Coverage Database Tool — client color customizations
 *
 * Change the values in this file to match a client's brand standards.
 * Keep layout and responsive rules in payer-coverage-base.css.
 */

.pcdt {
  /* Primary brand color: borders, labels, icons, active tabs, and summary. */
  --pcdt-primary: #338ccc;
  --pcdt-primary-contrast: #ffffff;

  /* Accent color: search button. */
  --pcdt-accent: #ffca05;
  --pcdt-accent-contrast: #000000;

  /* Main surfaces and text. */
  --pcdt-background: #f1f6fa;
  --pcdt-surface: #ffffff;
  --pcdt-ink: #111111;
  --pcdt-field-text: #253143;
  --pcdt-placeholder: #5d6775;
  --pcdt-muted: #425466;
  --pcdt-link: #111111;

  /* Table and row colors. */
  --pcdt-table-header: #ffd83d;
  --pcdt-table-header-contrast: #000000;
  --pcdt-table-header-divider: #ffffff;
  --pcdt-divider: #333333;

  /* Mobile card colors. */
  --pcdt-card-border: #9ac7e5;
  --pcdt-card-divider: #d8e1e8;

  /* Focus and validation colors. */
  --pcdt-focus: #111111;
  --pcdt-focus-soft: rgba(51, 140, 204, 0.28);
  --pcdt-error: #b42318;
  --pcdt-error-text: #8a1c13;

  /* Coverage-criteria modal colors. */
  --pcdt-modal-overlay: rgba(16, 29, 42, 0.72);
  --pcdt-modal-border: #9ac7e5;
  --pcdt-modal-table-header: #eef5fa;
  --pcdt-modal-close-hover: rgba(51, 140, 204, 0.12);
  --pcdt-modal-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

/**
 * Optional per-brand override example.
 * Duplicate this block and change the brand slug for another client or product.
 */
.pcdt[data-brand="omlyclo"] {
  --pcdt-primary: #338ccc;
  --pcdt-primary-contrast: #ffffff;
  --pcdt-accent: #ffca05;
  --pcdt-accent-contrast: #000000;
  --pcdt-background: #f1f6fa;
  --pcdt-table-header: #ffd83d;
}