/**
 * @file
 * UCEAP brand overrides for orestbida/cookieconsent.
 *
 * Colors mirror scss/_00-config.scss:
 *   teal   #0E81A0  ($uceap-color--teal / $brand-primary)
 *   orange #c94a0a  ($uceap-color--orange / $brand-action)
 * Fonts are the Typekit families already loaded by the theme.
 */

#cc-main {
  --cc-font-family: 'acumin-pro', sans-serif;

  --cc-bg: #ffffff;
  --cc-primary-color: #4B4D4D;
  --cc-secondary-color: #4B4D4D;

  --cc-btn-primary-bg: #0E81A0;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #0E81A0;
  --cc-btn-primary-hover-bg: #c94a0a;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #c94a0a;

  --cc-btn-secondary-bg: #ffffff;
  --cc-btn-secondary-color: #0E81A0;
  --cc-btn-secondary-border-color: #0E81A0;
  --cc-btn-secondary-hover-bg: #eae8e8;
  --cc-btn-secondary-hover-color: #0E81A0;
  --cc-btn-secondary-hover-border-color: #0E81A0;

  --cc-separator-border-color: #eae8e8;
  --cc-link-color: #0E81A0;
  --cc-btn-border-radius: 0;
}

/* Match the theme's button typography. */
#cc-main .cm__btn {
  font-family: 'futura-pt', sans-serif;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

#cc-main .cm__title {
  font-family: 'futura-pt', sans-serif;
  font-weight: 700;
}

/* Keep the bar clear of the skip-link and any sticky footer chrome. */
#cc-main .cm--bar {
  border-top: 4px solid #0E81A0;
}