/* CSS Variables */
:root {
  /* Colors */
  --color-primary: #E50003;
  --color-success: #1BBC50;
  --color-text-primary: #181F1A;
  --color-text-secondary: #ADADAD;
  --color-text-black: #000000;
  --color-white: #FFFFFF;
  --color-background: #F8F8F8;
  --color-border: #181F1A;
  --color-border-light: #ADADAD;

  /* Typography */
  --font-family-regular: "Rounded Mplus 1c", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-medium: "Rounded Mplus 1c Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Font Sizes - Desktop */
  --font-size-title-desktop: 40px;
  --font-size-phone-desktop: 24px;
  --font-size-button-desktop: 24px;
  --font-size-description-desktop: 18px;
  --font-size-label-desktop: 24px;
  --font-size-input-desktop: 24px;
  --font-size-checkbox-desktop: 18px;

  /* Font Sizes - Mobile */
  --font-size-title-mobile: 32px;
  --font-size-description-mobile: 16px;
  --font-size-label-mobile: 14px;
  --font-size-input-mobile: 14px;
  --font-size-button-mobile: 16px;
  --font-size-checkbox-mobile: 14px;

  /* Spacing */
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 20px;
  --spacing-xl: 40px;
  --spacing-2xl: 100px;

  /* Border Radius */
  --border-radius-sm: 20px;
  --border-radius-md: 30px;
  --border-radius-full: 100px;

  /* Breakpoints */
  --breakpoint-mobile: 768px;
}