/* ==========================================================================
   styleguide.css — design tokens (colors + typography)
   Referenced by style.css via CSS custom properties.
   Values inferred from the Ebright homepage design. Adjust as the real
   brand styleguide is finalized.
   ========================================================================== */

:root {
  /* ----- Brand colors ----- */
  --variable-collection-primary-color: #e62427;   /* Ebright red */
  --variable-collection-secondary-color: #ffc629;  /* CTA yellow */
  --variable-collection-white: #ffffff;
  --variable-collection-black: #1a1d20;
  --variable-collection-grey: #9e9e9e;
  --variable-collection-background-red: #fdecec;    /* soft pink section bg */

  /* ----- Headline 1 (large CTA banner) ----- */
  --headline-1-font-family: "Plus Jakarta Sans", Helvetica, sans-serif;
  --headline-1-font-weight: 700;
  --headline-1-font-size: 40px;
  --headline-1-letter-spacing: -0.8px;
  --headline-1-line-height: 1.2;
  --headline-1-font-style: normal;

  /* ----- Headline 2 (section titles, big stats) ----- */
  --headline-2-font-family: "Plus Jakarta Sans", Helvetica, sans-serif;
  --headline-2-font-weight: 700;
  --headline-2-font-size: 36px;
  --headline-2-letter-spacing: -0.72px;
  --headline-2-line-height: 1.2;
  --headline-2-font-style: normal;

  /* ----- Headline 3 (subheads, buttons, card titles) ----- */
  --headline-3-font-family: "Plus Jakarta Sans", Helvetica, sans-serif;
  --headline-3-font-weight: 600;
  --headline-3-font-size: 20px;
  --headline-3-letter-spacing: -0.4px;
  --headline-3-line-height: 1.4;
  --headline-3-font-style: normal;

  /* ----- Body ----- */
  --body-font-family: "Inter", Helvetica, sans-serif;
  --body-font-weight: 400;
  --body-font-size: 16px;
  --body-letter-spacing: -0.32px;
  --body-line-height: 1.5;
  --body-font-style: normal;

  /* ----- Body bold ----- */
  --body-bold-font-family: "Inter", Helvetica, sans-serif;
  --body-bold-font-weight: 700;
  --body-bold-font-size: 16px;
  --body-bold-letter-spacing: -0.32px;
  --body-bold-line-height: 1.5;
  --body-bold-font-style: normal;

  /* ----- Body small ----- */
  --body-small-font-family: "Inter", Helvetica, sans-serif;
  --body-small-font-weight: 400;
  --body-small-font-size: 14px;
  --body-small-letter-spacing: -0.28px;
  --body-small-line-height: 1.5;
  --body-small-font-style: normal;

  /* ----- Body italic (testimonial quotes) ----- */
  --body-italic-font-family: "Inter", Helvetica, sans-serif;
  --body-italic-font-weight: 400;
  --body-italic-font-size: 16px;
  --body-italic-letter-spacing: -0.32px;
  --body-italic-line-height: 1.5;
  --body-italic-font-style: italic;
}