:root {

  /* COLORS */
  --color-primary: #061956;
  --color-secondary: #275de1;
  --color-accent: #3dbfef;

  --color-dark: #050816;
  --color-dark-2: #0b1023;

  --color-light: #ffffff;
  --color-gray: #989898;
  --color-border: rgba(255,255,255,0.08);

  /* TYPOGRAPHY */
  --font-primary: "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* SPACING */
  --container-width: 1280px;

  --section-padding: 8rem;
  --section-padding-mobile: 4rem;

  /* RADIUS */
  --radius-lg: 24px;
  --radius-md: 16px;

  /* SHADOW */
  --shadow-soft:
    0 10px 40px rgba(0,0,0,0.25);

  /* TRANSITIONS */
  --transition:
    all 0.3s ease;

}