/* ==========================================================================
   THEME.CSS - Variáveis Conexa Saúde
   ========================================================================== */

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

:root {
    /* Cores principais */
    --ct-color-primary: #E84C6C;
    --ct-color-primary-dark: #D43D5C;
    --ct-color-primary-light: rgba(232, 76, 108, 0.1);

    /* Texto */
    --ct-color-text: #1f2937;
    --ct-color-text-light: #6b7280;

    /* Backgrounds */
    --ct-color-background: #ffffff;
    --ct-color-background-page: linear-gradient(135deg, #fdf2f4 0%, #f0f4ff 50%, #fdf2f4 100%);

    /* Bordas */
    --ct-color-border: #e5e7eb;
    --ct-color-border-hover: #E84C6C;

    /* Status */
    --ct-color-error: #dc2626;
    --ct-color-success: #16a34a;

    /* Tipografia */
    --ct-font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Forma */
    --ct-border-radius: 0.75rem;
    --ct-border-radius-lg: 1rem;
}

/* Background da página */
.ct {
    font-family: var(--ct-font-family);
    background: var(--ct-color-background-page);
    color: var(--ct-color-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}