* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --royal-purple: #6B46C1;
    --purple-light: #8B5CF6;
    --purple-dark: #5B21B6;
    --gray-50: #fafafa;
    --gray-100: #f5f5f5;
    --gray-200: #e5e5e5;
    --gray-300: #d4d4d4;
    --gray-400: #a3a3a3;
    --gray-500: #737373;
    --gray-600: #525252;
    --gray-700: #404040;
    --gray-800: #262626;
    --gray-900: #171717;
    --white: #ffffff;
    --black: #0a0a0a;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
