/* ── Tipografia de marca: Poppins (elegante, combina com identidade visual da Silvia) ── */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../assets/fonts/poppins-400.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../assets/fonts/poppins-500.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../assets/fonts/poppins-600.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('../assets/fonts/poppins-700.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url('../assets/fonts/poppins-800.woff2') format('woff2'); } :root { /* ── Cores principais (TEMA RAIZ — verde botânico + areia) ── Nomes das variáveis mantidos por compatibilidade com o código existente. --gold = verde primário da marca | --lavender = areia/terracota secundária */ --gold: #4F7455; /* verde grama — primária da marca */ --gold-dark: #2E4E34; --gold-light: #90BF99; --gold-pale: #E8F2EA; --lavender: #C4A882; /* areia/argila — secundária */ --lavender-dark: #9B7A5A; --lavender-light: #F7F1E8; /* ── Acento — areia dourada (complementa o verde) ── */ --accent: #C4A882; --accent-dark: #9B7A5A; --accent-pale: #FAF5EE; /* ── Verde escuro para títulos (wordmark / navy) ── */ --navy: #1A3220; /* ── Gradientes de marca ── */ --brand-gradient: linear-gradient(135deg, #90BF99 0%, #4F7455 55%, #2E4E34 100%); --brand-header-bg: linear-gradient(180deg, #EAF2EC 0%, #F5F2EE 100%); --app-bg: linear-gradient(180deg, #EAF2EC 0%, #F5F2EE 45%, #EAF2EC 100%); --wave-1: #D5E8D9; --wave-2: #C5DECA; --cal-stripe: #EAF2EC; --ph-bg: linear-gradient(180deg, #D5E8D9 0%, #C0D9C5 100%); --ph-wave-fill: #EAF2EC; --cream: #F5F2EE; --white: #FFFFFF; --text-dark: #1A2820; --text-muted: #6A7D70; --border: #DDE8DF; --danger: #C0392B; --danger-pale: #FDECEA; --success: #27AE60; --success-pale: #E8F8EF; /* ── Tipografia ── */ --font: 'Poppins', -apple-system, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif; --text-xs: 11px; --text-sm: 13px; --text-base: 16px; --text-md: 18px; --text-lg: 22px; --text-xl: 28px; /* ── Espaçamento ── */ --sp-xs: 4px; --sp-sm: 8px; --sp-md: 16px; --sp-lg: 24px; --sp-xl: 32px; /* ── Bordas ── */ --r-sm: 10px; --r-md: 14px; --r-lg: 14px; --r-xl: 24px; --btn-shadow: 0 4px 13px rgba(79, 116, 85, 0.30); --shadow-sm: 0 1px 2px rgba(26, 40, 32, 0.10); --shadow-md: 0 2px 8px rgba(26, 40, 32, 0.10); /* ── Safe area (iPhone) ── */ --safe-top: env(safe-area-inset-top); --safe-bottom: env(safe-area-inset-bottom); } /* ═══════════════════════════════════════════════════════════════════ TEMA SILVIA MONTEZUMA — aplicado via data-theme="silvia" no após o login, quando profile.theme === 'silvia'. Identidade visual botânica: verde grama + areia dourada. ═══════════════════════════════════════════════════════════════════ */ [data-theme="silvia"] { /* Tema idêntico ao :root por enquanto — reservado para personalização futura */ }