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

:root {
    /* Nova Identidade Visual RANCHEI - Sol, Piscina & Lazer */
    /* Azul-Marinho (Principal / Institucional / Confiança) */
    --primary-color: #0A2B56;
    --primary-dark: #061B38;
    --primary-rgb: 10, 43, 86;

    /* Azul/Ciano Médio (Água / Piscina / Lazer / Destaques Frios) */
    --secondary-color: #0096D6;
    --primary-light: #0096D6;
    --secondary-dark: #0077AC;
    --secondary-rgb: 0, 150, 214;
    --primary-soft: #EBF7FC;

    /* Laranja & Amarelo/Ouro (Sol / Energia / CTAs / Estrelas) */
    --cta-color: #FF7F00;
    --cta-hover: #E06D00;
    --cta-light: #FFF3E6;
    --cta-rgb: 255, 127, 0;

    --gold-color: #FFC107;
    --gold-dark: #D99B00;
    --gold-soft: #FFF9E6;
    --gold-rgb: 255, 193, 7;

    /* Verde WhatsApp / Sucesso */
    --accent-color: #10b981;
    --accent-dark: #059669;

    /* Backgrounds */
    --bg-main: #F4F7FB;
    --bg-color: #F4F7FB;
    --bg-card: #ffffff;
    --card-bg: #ffffff;
    --bg-header: rgba(255, 255, 255, 0.92);

    /* Neutral colors */
    --text-primary: #0A2B56;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
    --border-color: #DCE6F2;

    /* Calendar colors */
    --reserved-bg: #fee2e2;
    --reserved-text: #ef4444;
    --selected-bg: #EBF7FC;
    --selected-text: #0A2B56;
    --available-hover: #EBF7FC;

    /* Typography */
    --font-headings: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Borders & Shadows */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 9999px;

    --shadow-sm: 0 2px 6px rgba(10, 43, 86, 0.05);
    --shadow-md: 0 6px 16px -2px rgba(10, 43, 86, 0.08), 0 3px 6px -2px rgba(10, 43, 86, 0.04);
    --shadow-lg: 0 14px 30px -5px rgba(10, 43, 86, 0.12), 0 8px 16px -6px rgba(0, 150, 214, 0.08);
    --shadow-premium: 0 22px 45px -12px rgba(10, 43, 86, 0.18);

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


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-main);
    color: var(--text-primary);
    font-family: var(--font-body);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-headings);
    font-weight: 600;
    color: var(--text-primary);
}