:root {
  --color-light-01: #f1fcd6;
  --color-lime-01: #c6f24e;
  --color-black-01: #161616;

  --color-gradient-01: linear-gradient(180deg, rgba(198, 242, 78, 0.30) 0%, rgba(22, 22, 22, 0.30) 100%);
}

/* ==========================================================================
   Typography — Text Styles (Figma: Text/…)
   ========================================================================== */
:root {
  /* Text/Display/Hero/Desktop */
  --font-display-hero-desktop-family: "Anton";
  --font-display-hero-desktop-size: 128px;
  --font-display-hero-desktop-weight: 400;
  --font-display-hero-desktop-line-height: 152px;
  --font-display-hero-desktop-letter-spacing: 3.2px;

  /* Text/Display/Hero/Tablet */
  --font-display-hero-tablet-family: "Anton";
  --font-display-hero-tablet-size: 72px;
  --font-display-hero-tablet-weight: 400;
  --font-display-hero-tablet-line-height: 86px;
  --font-display-hero-tablet-letter-spacing: 3.2px;

  /* Text/Display/Hero/Mobile */
  --font-display-hero-mobile-family: "Anton";
  --font-display-hero-mobile-size: 32px;
  --font-display-hero-mobile-weight: 400;
  --font-display-hero-mobile-line-height: 40px;
  --font-display-hero-mobile-letter-spacing: 3.2px;

  /* Text/Display/Collaborate/Desktop */
  --font-display-collaborate-desktop-family: "Anton";
  --font-display-collaborate-desktop-size: 80px;
  --font-display-collaborate-desktop-weight: 400;
  --font-display-collaborate-desktop-line-height: 96px;
  --font-display-collaborate-desktop-letter-spacing: 3.2px;

  /* Text/Display/Collaborate/Tablet */
  --font-display-collaborate-tablet-family: "Anton";
  --font-display-collaborate-tablet-size: 64px;
  --font-display-collaborate-tablet-weight: 400;
  --font-display-collaborate-tablet-line-height: 77px;
  --font-display-collaborate-tablet-letter-spacing: 3.2px;

  /* Text/Display/Collaborate/Mobile */
  --font-display-collaborate-mobile-family: "Anton";
  --font-display-collaborate-mobile-size: 40px;
  --font-display-collaborate-mobile-weight: 400;
  --font-display-collaborate-mobile-line-height: 48px;
  --font-display-collaborate-mobile-letter-spacing: 3.2px;

  /* Text/Display/PageTitle/Desktop */
  --font-display-pagetitle-desktop-family: "Anton";
  --font-display-pagetitle-desktop-size: 96px;
  --font-display-pagetitle-desktop-weight: 400;
  --font-display-pagetitle-desktop-line-height: 115px;
  --font-display-pagetitle-desktop-letter-spacing: 0.96px; /* Figma: PERCENT 1% of 96px — was wrongly flat 1px, fixed */

  /* Text/Display/PageTitle/Tablet */
  --font-display-pagetitle-tablet-family: "Anton";
  --font-display-pagetitle-tablet-size: 72px;
  --font-display-pagetitle-tablet-weight: 400;
  --font-display-pagetitle-tablet-line-height: 86px;
  --font-display-pagetitle-tablet-letter-spacing: 0.72px; /* Figma: PERCENT 1% of 72px — was wrongly flat 1px, fixed */

  /* Text/Display/PageTitle/Mobile */
  --font-display-pagetitle-mobile-family: "Anton";
  --font-display-pagetitle-mobile-size: 32px;
  --font-display-pagetitle-mobile-weight: 400;
  --font-display-pagetitle-mobile-line-height: 38px;
  --font-display-pagetitle-mobile-letter-spacing: 0.32px; /* Figma: PERCENT 1% of 32px — was wrongly flat 1px, fixed */

  /* Text/Heading/Tag/Desktop */
  --font-heading-tag-desktop-family: "Anton";
  --font-heading-tag-desktop-size: 40px;
  --font-heading-tag-desktop-weight: 400;
  --font-heading-tag-desktop-line-height: 48px;
  --font-heading-tag-desktop-letter-spacing: 4.8px; /* Figma: 12% of 40px (PERCENT unit) — was wrongly flat 12px, fixed */

  /* Text/Heading/Tag/Tablet */
  --font-heading-tag-tablet-family: "Anton";
  --font-heading-tag-tablet-size: 28px;
  --font-heading-tag-tablet-weight: 400;
  --font-heading-tag-tablet-line-height: 34px;
  --font-heading-tag-tablet-letter-spacing: 3.36px; /* Figma: 12% of 28px — fixed */

  /* Text/Heading/Tag/Mobile */
  --font-heading-tag-mobile-family: "Anton";
  --font-heading-tag-mobile-size: 16px;
  --font-heading-tag-mobile-weight: 400;
  --font-heading-tag-mobile-line-height: 26px;
  --font-heading-tag-mobile-letter-spacing: 1.92px; /* Figma: 12% of 16px — fixed */

  /* Text/Heading/SectionTitle/Desktop */
  --font-heading-sectiontitle-desktop-family: "Anton";
  --font-heading-sectiontitle-desktop-size: 48px;
  --font-heading-sectiontitle-desktop-weight: 400;
  --font-heading-sectiontitle-desktop-line-height: 58px;
  --font-heading-sectiontitle-desktop-letter-spacing: 0.48px; /* Figma: 1% of 48px (PERCENT unit) — was wrongly flat 1px, fixed */

  /* Text/Heading/SectionTitle/Tablet */
  --font-heading-sectiontitle-tablet-family: "Anton";
  --font-heading-sectiontitle-tablet-size: 40px;
  --font-heading-sectiontitle-tablet-weight: 400;
  --font-heading-sectiontitle-tablet-line-height: 48px;
  --font-heading-sectiontitle-tablet-letter-spacing: 0.4px; /* Figma: 1% of 40px — fixed */

  /* Text/Heading/SectionTitle/Mobile */
  --font-heading-sectiontitle-mobile-family: "Anton";
  --font-heading-sectiontitle-mobile-size: 32px;
  --font-heading-sectiontitle-mobile-weight: 400;
  --font-heading-sectiontitle-mobile-line-height: 38px;
  --font-heading-sectiontitle-mobile-letter-spacing: 0.32px; /* Figma: 1% of 32px — fixed */

  /* Text/Heading/CardTitle (shared Desktop + Tablet) */
  --font-heading-cardtitle-family: "Anton";
  --font-heading-cardtitle-size: 24px;
  --font-heading-cardtitle-weight: 400;
  --font-heading-cardtitle-line-height: 28px;
  --font-heading-cardtitle-letter-spacing: 2.88px; /* Figma: 12% of 24px (PERCENT unit) — was wrongly flat 12px, fixed */

  /* Text/Heading/CardTitle/Mobile */
  --font-heading-cardtitle-mobile-family: "Anton";
  --font-heading-cardtitle-mobile-size: 20px;
  --font-heading-cardtitle-mobile-weight: 400;
  --font-heading-cardtitle-mobile-line-height: 24px;
  --font-heading-cardtitle-mobile-letter-spacing: 2.4px; /* Figma: 12% of 20px — fixed (matches what .card__title already hardcoded) */

  /* Text/Body/Base (shared across all breakpoints) */
  --font-body-base-family: "Open Sans";
  --font-body-base-size: 16px;
  --font-body-base-weight: 400;
  --font-body-base-line-height: 26px;
  --font-body-base-letter-spacing: 0;

  /* Text/Body/Small (shared across all breakpoints) */
  --font-body-small-family: "Open Sans";
  --font-body-small-size: 14px;
  --font-body-small-weight: 400;
  --font-body-small-line-height: 20px;
  --font-body-small-letter-spacing: 0;

  /* Text/Body/Description (seen on Games/Video Mobile) */
  --font-body-description-family: "Open Sans";
  --font-body-description-size: 16px;
  --font-body-description-weight: 400;
  --font-body-description-line-height: 24px;
  --font-body-description-letter-spacing: 0;

  /* Text/Body/Email/Mobile */
  --font-body-email-mobile-family: "Open Sans";
  --font-body-email-mobile-size: 24px;
  --font-body-email-mobile-weight: 400;
  --font-body-email-mobile-line-height: 1.1875;
  --font-body-email-mobile-letter-spacing: 0;

  /* Text/UI/Button (shared across all breakpoints) */
  --font-ui-button-family: "Open Sans";
  --font-ui-button-size: 16px;
  --font-ui-button-weight: 600;
  --font-ui-button-line-height: 26px;
  --font-ui-button-letter-spacing: 0.16px; /* Figma: 1% of 16px (PERCENT unit) — was wrongly recorded as flat 1px, fixed */

  /* Text/Legal/Caption (shared across all breakpoints) */
  --font-legal-caption-family: "Open Sans";
  --font-legal-caption-size: 14px;
  --font-legal-caption-weight: 400;
  --font-legal-caption-line-height: 22px;
  --font-legal-caption-letter-spacing: 0;
}