:root {
  /* Colors */
  --color-bg-primary: #fafafa;
  --color-bg-white: #fff;
  --color-text-primary: #111;
  --color-text-secondary: #555;
  --color-text-tertiary: #999;
  --color-text-dark: #333;
  --color-text-medium: #666;
  --color-black: #000;
  --color-black-hover: #222;

  /* Borders */
  --color-border-light: #e5e5e5;
  --color-border-medium: #ddd;
  --color-border-dark: #999;

  /* Opacity values for repeated use */
  --opacity-orbit: 0.05;
  --opacity-marker: 0.4;
  --opacity-particles: 0.8;

  /* Shadows */
  --shadow-chip: 0 4px 20px rgba(0, 0, 0, 0.1);
  --shadow-button-hover: 0 8px 20px rgba(0, 0, 0, 0.15);
  --shadow-form: 0 4px 20px rgba(0, 0, 0, 0.08);

  /* Spacing */
  --spacing-xs: 10px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 20px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 40px;
  --spacing-4xl: 50px;
  --spacing-5xl: 60px;

  /* Border radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 50px;
  --radius-full: 50%;

	/* Fonts */
	--font-family-sans: 'Inter', sans-serif;

  /* Font sizes */
  --font-size-sm: 0.85rem;
  --font-size-base: 0.95rem;
  --font-size-lg: 1.1rem;
  --font-size-xl: 2.5rem;
  --font-size-2xl: 3rem;
  --font-size-3xl: 4rem;

  /* Font weights */
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Transitions */
  --transition-base: all 0.2s;
  --transition-ease: all 0.2s ease;

  /* Sizes */
  --size-social-btn: 44px;
  --size-logo: 90px;
  --size-logo-mobile: 75px;
}