/* Design tokens. Loaded before styles.css / enroll.css on every page so the
   whole site reads its colors from one place. Extracted from styles.css. */
:root {
  --text-dark: #1d2430;
  --text-muted: #5a6372;
  --surface-light: #f8f9fb;
  --surface-muted: #f1f3f7;
  --surface-white: #ffffff;
  --surface-card: #ffffff;
  --border-soft: rgba(15, 23, 42, 0.14);
  --brand: #2d6bea; /* primary brand blue */
  --brand-hover: #2758b7;
  --hero-overlay: rgba(5, 10, 18, 0.16);
  --outline-text: #1f2937;
  --outline-border: rgba(15, 23, 42, 0.28);
  --outline-border-hover: rgba(15, 23, 42, 0.42);
  --learn-border: rgba(15, 23, 42, 0.26);
  --learn-text: #1f2937;
  --learn-hover-bg: rgba(15, 23, 42, 0.06);
  --legal-text: rgba(15, 23, 42, 0.62);
  --partner-copy: rgba(15, 23, 42, 0.9);
  --footer-bg: #f5f7fb;
  --footer-border: rgba(15, 23, 42, 0.14);
  --footer-text: #637084;
  --modal-overlay: rgba(12, 16, 24, 0.5);
  --modal-bg: #ffffff;
  --modal-border: rgba(15, 23, 42, 0.16);
  --modal-close: rgba(45, 55, 72, 0.8);
  --modal-title: #101828;
  --modal-text: #344054;
  --main-cover-pill-bg: rgba(15, 23, 42, 0.06);
  --main-cover-pill-border: rgba(15, 23, 42, 0.2);
  --main-cover-pill-text: #253041;
  --main-cover-item-bg: rgba(15, 23, 42, 0.03);
  --main-cover-item-border: rgba(15, 23, 42, 0.14);
  --main-cover-item-title: #111827;
  --faq-card-bg: #f8f9fb;
  --faq-answer-bg: #f5f6f8;
  --faq-border-soft: rgba(15, 23, 42, 0.1);
  --faq-hover-bg: #f2f4f7;
  --faq-open-bg: #eef2f6;
  --faq-question-text: #4b5565;
  --faq-answer-text: #667085;
  --faq-chevron: #98a2b3;
  --main-cover-icon-bg: rgba(15, 23, 42, 0.08);
  --main-cover-icon-border: rgba(15, 23, 42, 0.2);
  --main-cover-exclusion-bg: rgba(15, 23, 42, 0.03);
  --main-cover-exclusion-border: rgba(15, 23, 42, 0.14);
  --partner-liva: #e5761b;
  --partner-beloy: #1f2735;
  --partner-petra: #315b95;
}