/* Customizações e Variáveis Avançadas para Gaming Platform - Tema Roxo Premium Exclusivo */

:root {
    /* Esquema de cores principal - Roxo Premium Exclusivo */
    --primary: #5D1D91;          /* Royal Purple - principal exclusivo */
    --primary-light: #8243BE;    /* Amethyst - versão clara */
    --primary-lighter: #B980FF;  /* Lavender Violet - versão mais clara */
    --primary-dark: #3A0F5B;     /* Deep Violet - escuro */
    --primary-darker: #230037;   /* Dark Imperial - mais escuro */
    --primary-glow: 0 0 20px rgba(93, 29, 145, 0.7);
    --primary-alpha-10: rgba(93, 29, 145, 0.1);
    --primary-alpha-20: rgba(93, 29, 145, 0.2);
    --primary-alpha-50: rgba(93, 29, 145, 0.5);
    --primary-alpha-80: rgba(93, 29, 145, 0.8);

    /* Dourado premium para acentos exclusivos */
    --gold: #D4AF37;             /* Golden - cor exclusiva para elementos premium */
    --gold-light: #F2D675;       /* Light Gold */
    --gold-dark: #996515;        /* Dark Gold */
    --gold-glow: 0 0 20px rgba(212, 175, 55, 0.6);

    --secondary: #7823CB;        /* Royal Violet - secundária */
    --secondary-light: #9D5CE3;  /* Violet Bloom - versão clara */
    --secondary-dark: #541A94;   /* Imperial Purple - escuro */
    --secondary-glow: 0 0 20px rgba(120, 35, 203, 0.7);
    --secondary-alpha-10: rgba(120, 35, 203, 0.1);
    --secondary-alpha-20: rgba(120, 35, 203, 0.2);
    --secondary-alpha-50: rgba(120, 35, 203, 0.5);

    --accent: #9B59D3;           /* Orchid Purple - accent */
    --accent-light: #BE7BEF;     /* Bright Lavender - versão clara */
    --accent-dark: #6C3A9E;      /* Plum Purple - escuro */
    --accent-glow: 0 0 20px rgba(155, 89, 211, 0.7);
    --accent-alpha-10: rgba(155, 89, 211, 0.1);
    --accent-alpha-20: rgba(155, 89, 211, 0.2);
    --accent-alpha-50: rgba(155, 89, 211, 0.5);

    --dark: #120024;             /* Cosmic Purple - fundo escuro profundo */
    --dark-light: #1D0032;       /* Deep Space Purple - fundo menos escuro */
    --dark-lighter: #2A004B;     /* Galaxy Purple - fundo levemente mais claro */
    --dark-alpha-50: rgba(18, 0, 36, 0.5);
    --dark-alpha-80: rgba(18, 0, 36, 0.8);
    --dark-alpha-90: rgba(18, 0, 36, 0.9);
    --dark-gradient: linear-gradient(135deg, var(--dark), var(--dark-light));
    --dark-radial: radial-gradient(circle at center, var(--dark-light), var(--dark) 70%);

    --card: #0E001C;             /* Fundo dos cards - dark purple mais escuro */
    --card-hover: #1A002D;       /* Hover dos cards */
    --card-active: #250042;      /* Active dos cards */
    --input: #19002D;            /* Fundo dos inputs */
    --border: rgba(155, 89, 211, 0.2); /* Bordas com tom roxo sutil */
    --border-gold: rgba(212, 175, 55, 0.4); /* Bordas douradas para elementos premium */
    --border-glow: rgba(93, 29, 145, 0.4);
    --text: #FFFFFF;             /* White - texto principal */
    --text-muted: #E9DFFF;       /* Light Lavender - texto secundário com transparência */
    --text-secondary: rgba(233, 223, 255, 0.85); /* Light Lavender - texto secundário */
    --text-highlight: #B980FF;   /* Lavender Violet - destaque de texto */
    --text-gold: #F2D675;        /* Light Gold - texto especial premium */
    --input-text: #FFFFFF;       /* White - texto em inputs */

    /* Status */
    --danger: #FF3A4E;           /* Vermelho para alerta - mantido */
    --danger-light: #FF6A7A;
    --danger-dark: #CC0020;
    --danger-glow: 0 0 20px rgba(255, 58, 78, 0.6);
    --danger-alpha-50: rgba(255, 58, 78, 0.5);

    --success: #7823CB;          /* Royal Violet para sucesso */
    --success-light: #9D5CE3;
    --success-dark: #541A94;
    --success-glow: 0 0 20px rgba(120, 35, 203, 0.7);
    --success-alpha-50: rgba(120, 35, 203, 0.5);

    --warning: #D4AF37;          /* Dourado para avisos - mais premium */
    --warning-light: #F2D675;
    --warning-dark: #996515;
    --warning-glow: 0 0 20px rgba(212, 175, 55, 0.6);
    --warning-alpha-50: rgba(212, 175, 55, 0.5);

    --info: #9B59D3;             /* Orchid Purple para informações */
    --info-light: #BE7BEF;
    --info-dark: #6C3A9E;
    --info-glow: 0 0 20px rgba(155, 89, 211, 0.7);
    --info-alpha-50: rgba(155, 89, 211, 0.5);

    /* Sombras aprimoradas */
    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 18px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 10px 35px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 20px 55px rgba(0, 0, 0, 0.6);
    --shadow-primary: 0 5px 25px rgba(93, 29, 145, 0.45);
    --shadow-secondary: 0 5px 25px rgba(120, 35, 203, 0.45);
    --shadow-accent: 0 5px 25px rgba(155, 89, 211, 0.45);
    --shadow-gold: 0 5px 20px rgba(212, 175, 55, 0.3); /* Sombra dourada para elementos premium */
    --glow-primary: 0 0 25px rgba(93, 29, 145, 0.7);
    --glow-secondary: 0 0 25px rgba(120, 35, 203, 0.7);
    --glow-accent: 0 0 25px rgba(155, 89, 211, 0.7);
    --glow-gold: 0 0 25px rgba(212, 175, 55, 0.6);

    /* Gradientes premium */
    --gradient-primary: linear-gradient(135deg, var(--primary), var(--primary-dark));
    --gradient-primary-accent: linear-gradient(135deg, var(--primary), var(--accent));
    --gradient-secondary: linear-gradient(135deg, var(--secondary), var(--accent));
    --gradient-accent: linear-gradient(135deg, var(--accent), var(--primary));
    --gradient-dark: linear-gradient(135deg, var(--dark), var(--dark-lighter));
    --gradient-game: linear-gradient(135deg, var(--secondary), var(--primary));
    --gradient-premium: linear-gradient(135deg, var(--primary), var(--gold-dark)); /* Gradiente exclusivo roxo-dourado */
    --gradient-elite: linear-gradient(135deg, var(--dark), var(--primary-dark), var(--gold-dark)); /* Gradiente triplo exclusivo */
    --gradient-rainbow: linear-gradient(90deg, var(--primary), var(--info), var(--secondary), var(--gold), var(--accent));
    /* Transições aprimoradas */
    --transition-fast: 0.2s cubic-bezier(0.25, 1, 0.5, 1);
    --transition-normal: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    --transition-slow: 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    --transition-bounce: 0.5s cubic-bezier(0.5, -0.5, 0.1, 1.5);
    --transition-elastic: 0.6s cubic-bezier(0.5, 1.8, 0.1, 1.2);
    --transition-in-out: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    /* Bordas mais dinâmicas */
    --border-radius-sm: 6px;
    --border-radius-md: 10px;
    --border-radius-lg: 16px;
    --border-radius-xl: 24px;
    --border-radius-2xl: 32px;
    --border-radius-full: 9999px;

    /* Fontes gaming otimizadas */
    --font-primary: 'Chakra Petch', 'Rajdhani', 'Inter', sans-serif;
    --font-secondary: 'Rajdhani', 'Poppins', sans-serif;
    --font-display: 'Orbitron', 'Audiowide', sans-serif;
    --font-mono: 'IBM Plex Mono', 'Consolas', monospace;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;
    --font-size-5xl: 3rem;
    --font-size-6xl: 3.75rem;
    --font-size-7xl: 4.5rem;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --letter-spacing-tight: -0.01em;
    --letter-spacing-normal: 0em;
    --letter-spacing-wide: 0.05em;
    --letter-spacing-wider: 0.1em;
    --letter-spacing-widest: 0.15em;

    /* Espaçamentos refinados */
    --spacing-xxs: 4px;
    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --spacing-4xl: 96px;
    --spacing-5xl: 128px;

    /* Animações refinadas */
    --animation-fast: 150ms;
    --animation-normal: 300ms;
    --animation-slow: 500ms;
    --animation-delay-step: 100ms;
    --section-delay: 200ms;

    /* Z-index layers organizados */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --z-floating: 1080;

    /* Filtros aprimorados */
    --blur-sm: blur(4px);
    --blur-md: blur(8px);
    --blur-lg: blur(16px);
    --blur-xl: blur(24px);
    --brightness-dim: brightness(0.7);
    --brightness-normal: brightness(1);
    --brightness-bright: brightness(1.3);
    --contrast-high: contrast(1.2);
    --saturate-high: saturate(1.5);

    /* Cores neutras adicionais */
    --stone: #5D4E5A;           /* Stone - cor neutra escura */
    --pistachio: #90C0B6;       /* Pistachio - cor neutra clara */
}

/* FORÇA GLOBAL PARA TODOS OS TEXTOS SEREM BRANCOS */
*,
*::before,
*::after {
    color: var(--text) !important;
}

/* Override específico para elementos que podem ter cores escuras */
.text-dark,
.text-black,
.text-muted,
.text-body,
.text-body-emphasis {
    color: var(--text) !important;
}

.text-secondary {
    color: var(--text-secondary) !important;
}

/* Garantir que inputs mantenham cor branca */
input,
textarea,
select,
.form-control {
    color: var(--text) !important;
    background-color: var(--input) !important;
}

/* Placeholders em branco mais claro */
::placeholder {
    color: var(--text-secondary) !important;
    opacity: 1 !important;
}