/**
 * Monica Zatta Tonial - Design System Tokens
 * Definição de cores, fontes, sombras e transições para o tema clean/premium
 */
:root {
    /* Cores Principais */
    --primary-color: #27ABB7;          /* Azul-turquesa original */
    --primary-hover: #1f8993;          /* Turquesa escuro para interações */
    --primary-light: #eef8f9;          /* Fundo suave com tom turquesa */
    --secondary-color: #1abc9c;        /* Contraste verde-água */
    
    /* Neutros */
    --text-color: #2d3748;             /* Cinza escuro para ótima legibilidade */
    --text-muted: #718096;            /* Cinza médio para metadados e subtítulos */
    --bg-color: #ffffff;               /* Fundo principal limpo */
    --bg-alt: #f7fafc;                 /* Fundo alternativo suave */
    --border-color: #e2e8f0;           /* Bordas discretas */
    --white: #ffffff;
    
    /* Tipografia */
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Roboto', 'Open Sans', sans-serif;
    
    /* Grid e Layout */
    --container-width: 1200px;
    --border-radius-sm: 8px;
    --border-radius-md: 16px;
    --border-radius-lg: 30px;          /* Mantendo o arredondamento suave original */
    
    /* Sombras (Efeito Premium) */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadow-premium: 0 30px 60px rgba(39, 171, 183, 0.08); /* Sombra suave com brilho turquesa */
    
    /* Transições */
    --transition-fast: 0.2s ease;
    --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}