:root {
  /* COLORS */
  --color-primary: #041B34;
  --color-secondary: #101010;
  --color-text: #414141;
  --color-accent: #007AFF;
  --color-white: #FFFFFF;
  --color-light: #F2F3F3;
  --color-warning: #F7BF23;

  /* TYPO */
  --font-primary: 'Sora', sans-serif;

  --text-base: 15px;
  --text-small: 14px;
  --text-large: 18px;

  --title-xl: 60px;
  --title-lg: 42px;
  --title-md: 24px;

  /* SPACING */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 32px;
  --spacing-lg: 64px;

  /* BORDER */
  --radius: 8px;

  /* SHADOW */
  --shadow: 0 4px 20px rgba(0,0,0,0.08);
}