:root { --color-primary: #5d8f9f;
--color-primary-dark: #476d7a;
--color-secondary: #f7b733; --color-white: #ffffff;
--color-light-gray: #eeeeee;
--color-text: #333333;
--color-text-light: #666666; --color-success: #28a745;
--color-error: #dc3545;
--color-warning: #ffc107; --spacing-xs: 5px;
--spacing-sm: 10px;
--spacing-md: 20px;
--spacing-lg: 30px;
--spacing-xl: 40px; --font-size-xs: 12px;
--font-size-sm: 14px;
--font-size-md: 16px;
--font-size-lg: 18px;
--font-size-xl: 20px;
--font-size-2xl: 24px;
--font-size-3xl: 32px;
--font-size-4xl: 40px;
--font-size-5xl: 48px;
--font-size-6xl: 64px;
--font-size-7xl: 72px;
--font-size-8xl: 80px; --border-radius-sm: 5px;
--border-radius-md: 10px;
--border-radius-lg: 30px;
--border-radius-full: 50%;
}