:root {
  /* Colors */
  --color-primary: #034AAD;
  --color-primary-dark: #0d3b71;
  --color-bg-dark: #050e2a;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-text-primary: #070707;
  --color-text-gray: #666666;
  --color-text-light-gray: #c0c0c0;
  --color-border-light: #dadada;
  --color-border-primary: #034AAD;

  /* Font Sizes */
  --font-size-h1: 4rem;       /* 64px */
  --font-size-h2: 3.5rem;     /* 56px */
  --font-size-h3: 3rem;       /* 48px */
  --font-size-h4: 1.75rem;    /* 28px */
  --font-size-body-lg: 1.5rem; /* 24px */
  --font-size-body: 1.25rem;  /* 20px */
  --font-size-body-sm: 1.125rem; /* 18px */
  --font-size-small: 1rem;    /* 16px */
  --font-size-xs: 0.875rem;   /* 14px */

  /* Spacing */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 36px;
  --spacing-xl: 48px;
  --spacing-2xl: 56px;
  --spacing-3xl: 68px;
  --spacing-4xl: 86px;
  --spacing-section-padding: 160px;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-pill: 1000px;
  --radius-round: 77px;

  /* Shadows */
  --shadow-card: 0 2px 20px rgba(0, 0, 0, 0.05);

  /* Font Family */
  --font-family-primary: 'Roboto', sans-serif;
  --font-family-secondary: 'Noto Sans SC', sans-serif;

  /* Container */
  --container-max-width: 1920px;
  --page-width: 1920px;
}