/* connect-brand.css */
/* Design tokens pulled from Divi homepage computed styles */

:root{
  --cc-font: "Open Sans", Arial, sans-serif;

  --cc-text: #666666;
  --cc-bg: #ffffff;

  --cc-primary: #40509e;   /* Connect Blue */
  --cc-accent:  #f19143;   /* Connect Orange */
  --cc-hover:   #9e9e9e;   /* Universal hover grey */

  --cc-btn-text: #ffffff;

  /* Apps: bump base size for readability */
  --cc-body-font-size: 15px;
  /* Keep the same ratio as the site (23.8 / 14 = 1.7) */
  --cc-body-line-height: 25.5px;

  --cc-heading-font-size: 30px;
  --cc-heading-font-weight: 700;
  --cc-heading-line-height: 33px;

  /* Button sizing (copied from site) */
  --cc-btn-font-size: 20px;
  --cc-btn-font-weight: 500;
  --cc-btn-padding-y: 6px;
  --cc-btn-padding-x: 20px;

  /* Button shape (pill) */
  --cc-btn-radius: 999px;
}