/* ScorePulse Design Tokens - Shared Across Landing & App */
:root {
    /* Cores Primárias */
    --sp-purple-darkest: #18003b;
    --sp-purple-dark: #3f0071;
    --sp-purple-primary: #8A2BE2;
    --sp-purple-light: #a855f7;
    --sp-purple-lightest: #b07af0;

    /* Cores de Acento */
    --sp-green-primary: #00e676;
    --sp-green-dark: #00c853;
    --sp-red-primary: #ff1744;
    --sp-red-dark: #d50000;
    --sp-yellow-primary: #ffea00;
    --sp-yellow-dark: #f59e0b;

    /* Backgrounds */
    --sp-bg-darkest: #0f0e13;
    --sp-bg-dark: #1b1b26;
    --sp-bg-panel: rgba(28, 0, 54, 0.8);
    --sp-bg-panel-solid: #1c0036;

    /* Texto */
    --sp-text-primary: #ffffff;
    --sp-text-secondary: #d1cfe8;
    --sp-text-muted: #a1a1aa;

    /* Tipografia */
    --sp-font-body: 'Roboto', sans-serif;
    --sp-font-heading: 'Inter', 'Roboto', sans-serif;

    /* Espaçamento */
    --sp-spacing-xs: 4px;
    --sp-spacing-sm: 8px;
    --sp-spacing-md: 16px;
    --sp-spacing-lg: 24px;
    --sp-spacing-xl: 32px;

    /* Glassmorphism & Premium UI */
    --sp-glass-bg: rgba(30, 30, 45, 0.6);
    --sp-glass-border: rgba(255, 255, 255, 0.08);
    --sp-glass-blur: blur(12px);

    /* Gradientes Premium */
    --sp-grad-main: linear-gradient(135deg, #1e004d 0%, #0f0e13 100%);
    --sp-grad-purple: linear-gradient(135deg, #8A2BE2 0%, #4c1d95 100%);
    --sp-grad-green: linear-gradient(135deg, #00e676 0%, #059669 100%);
    --sp-grad-ia: linear-gradient(135deg, #8A2BE2 0%, #3b82f6 100%);
    --sp-grad-border: linear-gradient(to right, rgba(138, 43, 226, 0.5), rgba(0, 230, 118, 0.5));

    /* Border Radius & Shadows Refined */
    --sp-radius-sm: 8px;
    --sp-radius-md: 12px;
    --sp-radius-lg: 20px;
    --sp-radius-xl: 30px;

    --sp-shadow-premium: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    --sp-shadow-glow-purple: 0 0 20px rgba(138, 43, 226, 0.4);
    --sp-shadow-glow-green: 0 0 20px rgba(0, 230, 118, 0.4);
}