:root {
  --bg-page: #07070B;
  --bg-section: #0D0D13;
  --bg-surface: #13131B;
  --bg-surface-2: #181824;
  --border-subtle: #242436;
  --border-strong: #31314A;
  --border-card-strong: #2A2A3D;

  --text-primary: #F6F7FB;
  --text-secondary: #B1B5C9;
  --text-muted: #7E849B;

  --accent-primary: #6C3BFF;
  --accent-hover: #7E57FF;
  --accent-deep: #4A23C9;
  --accent-wash: #16112B;
  --accent-line: #8E74FF;

  --white: #FFFFFF;
  --black: #000000;

  --font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --h1-desktop-size: 56px;
  --h1-desktop-line: 64px;
  --h1-desktop-weight: 700;
  --h1-desktop-spacing: -0.04em;
  --h1-tablet-size: 56px;
  --h1-tablet-line: 64px;
  --h1-mobile-size: 40px;
  --h1-mobile-line: 46px;

  --h2-desktop-size: 36px;
  --h2-desktop-line: 44px;
  --h2-desktop-weight: 650;
  --h2-desktop-spacing: -0.03em;
  --h2-mobile-size: 32px;
  --h2-mobile-line: 38px;

  --h3-desktop-size: 24px;
  --h3-desktop-line: 30px;
  --h3-desktop-weight: 650;

  --body-l-size: 18px;
  --body-l-line: 30px;
  --body-l-weight: 400;
  --body-m-size: 16px;
  --body-m-line: 28px;
  --body-m-weight: 400;
  --body-s-size: 15px;
  --body-s-line: 24px;
  --body-s-weight: 400;

  --label-size: 12px;
  --label-line: 16px;
  --label-weight: 600;
  --label-spacing: 0.10em;

  --max-content-width: 1280px;
  --hero-content-width: 1240px;
  --text-col-max: 620px;
  --section-pad-desktop: 88px;
  --section-pad-tablet: 88px;
  --section-pad-mobile: 64px;
  --page-pad-desktop: 32px;
  --page-pad-mobile: 20px;
  --grid-gap-desktop: 48px;
  --grid-gap-mobile: 20px;
  --card-pad-desktop: 28px;
  --card-pad-mobile: 20px;
  --radius-large: 20px;
  --radius-medium: 16px;
  --radius-small: 14px;
  --button-height: 48px;
  --button-radius: 14px;
  --border-width: 1px;

  --section-fade-duration: 480ms;
  --hover-transition: 180ms;
}