@font-face {
  font-family: 'Typograph Pro';
  src: url('fonts/TYPOGRAPH PRO Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Typograph Pro';
  src: url('fonts/TYPOGRAPH PRO Semi Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --chillicollectivo-font-family: 'Typograph Pro', Verdana, Geneva, sans-serif;
  --chillicollectivo-tool-accent: #2d6a4f;
  --chillicollectivo-tool-accent-rgb: 45, 106, 79;

  --cc-bg: #7f626b;
  --cc-page-text: #f8f2f4;
  --cc-page-heading: #fff9fb;
  --cc-page-muted: #e8dde2;
  --cc-page-link: #ffe4ef;
  --cc-page-link-hover: #ffffff;
  --cc-text: #3a2d32;
  --cc-heading: #1f1519;
  --cc-muted: #4f3f47;
  --cc-subtle: #6a5861;
  --cc-kicker: #5a3d4a;
  --cc-link: #7a2e42;
  --cc-link-hover: #4f1c2c;
  --cc-card-bg: rgba(255, 248, 252, 0.92);
  --cc-card-border: rgba(31, 21, 25, 0.12);
  --cc-accent-border: rgba(255, 220, 232, 0.45);
  --cc-pricing-bg: #6f5560;
  --cc-pricing-bg-featured: #5a4550;
  --cc-pricing-border: rgba(255, 255, 255, 0.2);
}