/* ==========================================================================
   STAR PESQUISAS - CSS Variables
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&family=Montserrat:wght@300;400;500;600;700&display=swap');

:root {
    /* Cores Principais */
    --azul-principal: #133F5C;
    --azul-escuro: #0d2d42;
    --azul-claro: #1a5276;
    --dourado: #C6A269;
    --dourado-claro: #d4b78a;
    --dourado-escuro: #a8864d;

    /* Cores Neutras */
    --branco: #FFFFFF;
    --cinza-claro: #F8F9FA;
    --cinza-medio: #E9ECEF;
    --cinza-texto: #6C757D;
    --cinza-escuro: #343A40;
    --preto: #1A1A1A;
    --preto-marmore: #0a0a0a;

    /* Cores de Feedback */
    --sucesso: #28A745;
    --erro: #DC3545;
    --alerta: #FFC107;
    --info: #17A2B8;

    /* Gradientes */
    --gradient-hero: linear-gradient(135deg, #133F5C 0%, #0d2d42 100%);
    --gradient-dourado: linear-gradient(135deg, #C6A269 0%, #d4b78a 50%, #C6A269 100%);
    --gradient-premium: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    --gradient-azul: linear-gradient(180deg, #133F5C 0%, #1a5276 100%);
    --gradient-metodologia: linear-gradient(135deg, #0d2d42 0%, #0a0a0a 100%);

    /* Sombras */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2);
    --shadow-xl: 0 12px 48px rgba(0, 0, 0, 0.25);
    --shadow-dourado: 0 4px 20px rgba(198, 162, 105, 0.3);

    /* Tipografia - Famílias */
    --font-titulo: 'Ubuntu', sans-serif;
    --font-corpo: 'Montserrat', sans-serif;

    /* Tipografia - Tamanhos */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2.25rem;
    --text-5xl: 3rem;
    --text-6xl: 3.75rem;

    /* Tipografia - Pesos */
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    /* Espaçamentos */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;
    --spacing-4xl: 6rem;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    /* Transições */
    --transition-fast: 150ms ease;
    --transition-base: 300ms ease;
    --transition-slow: 500ms ease;

    /* Z-index */
    --z-dropdown: 100;
    --z-sticky: 500;
    --z-fixed: 1000;
    --z-modal: 1100;
    --z-tooltip: 1200;

    /* Container */
    --container-max: 1280px;
    --container-padding: 1.5rem;

    /* Header */
    --header-height: 80px;
    --header-height-mobile: 70px;
}