/* ==========================================================================
   DESIGN SYSTEM - SANDRA OLIVEIRA PODOLOGIA
   Variables and Global Theme Constants
   ========================================================================== */

:root {
    /* Paleta de Cores Oficial (Manual de Identidade Visual) */
    --primary: #A68AC7;         /* Lilás Suave (Cor Principal) */
    --primary-light: #BCA9D7;   /* Lilás Claro */
    --primary-dark: #583F78;    /* Lilás Escuro (Para máximo contraste em títulos) */
    --primary-hover: #9376B4;
    
    --secondary: #F4C542;       /* Amarelo Girassol (Destaque) */
    --secondary-light: #F7D877; /* Amarelo Claro */
    --secondary-dark: #C59C24;  /* Amarelo Escuro */
    --secondary-hover: #E0B22C;

    --mint: #8FD3C1;            /* Verde menta (identidade — gradientes) */
    --mint-light: #B8E6DA;
    --mint-dark: #5FB8A3;
    
    --bg-primary: #FAF9FC;      /* Fundo Claro (Lilás Suave Clássico) */
    --bg-secondary: #FFFFFF;    /* Branco Puro */
    --bg-light-tint: #F2EFF7;   /* Menta/Lilás Suave Tint */
    --bg-dark: #2A1D3A;         /* Fundo Escuro para Contraste (Lilás Profundo) */
    --bg-dark-card: #352649;    /* Card Escuro */

    /* Mapeamento de Cores para Tipografia (Acessibilidade WCAG) */
    --text-primary: #4A4A4A;    /* Texto Principal (Cinza Escuro Oficial) */
    --text-secondary: #5E5D61;  /* Texto Secundário Muted */
    --text-muted: #8E8D93;      /* Texto de Terceira Importância */
    --text-light: #FFFFFF;      /* Texto em Fundo Escuro */
    --text-light-muted: #D3CADE;/* Texto Muted em Fundo Escuro */

    /* Feedback */
    --success: #27AE60;
    --error: #E74C3C;
    --warning: #F1C40F;
    --info: #3498DB;

    /* Fonts */
    --font-title: 'Montserrat', sans-serif;
    --font-body: 'Montserrat', sans-serif;
    --font-accent: 'Great Vibes', cursive;

    /* Shadows & Elevation */
    --shadow-sm: 0 4px 6px -1px rgba(88, 63, 120, 0.05), 0 2px 4px -1px rgba(88, 63, 120, 0.03);
    --shadow-md: 0 10px 15px -3px rgba(88, 63, 120, 0.08), 0 4px 6px -2px rgba(88, 63, 120, 0.05);
    --shadow-lg: 0 20px 25px -5px rgba(88, 63, 120, 0.12), 0 10px 10px -5px rgba(88, 63, 120, 0.06);
    --shadow-premium: 0 25px 50px -12px rgba(42, 29, 58, 0.25);
    --shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);

    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 9999px;

    /* Borders */
    --border-color: #ECEAF0;
    --border-color-dark: #473957;

    /* Layout Constraints */
    --container-width: 1200px;
    --header-height: 80px;
    --header-gradient: linear-gradient(
        102deg,
        var(--mint-light) 0%,
        var(--primary-light) 18%,
        var(--primary) 52%,
        var(--primary-dark) 100%
    );
    --header-gradient-scrolled: linear-gradient(
        102deg,
        var(--primary-light) 0%,
        var(--primary) 40%,
        var(--primary-dark) 100%
    );

    /* Transitions */
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: all 0.15s ease;
    --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}