:root { /* ── Cores principais (TEMA NEUTRO — padrão para novas usuárias) ── Azul clínico + cinza. Os nomes das variáveis (--gold/--lavender) são mantidos por compatibilidade; aqui carregam os valores neutros. O tema dourado/lavanda da Ana Paula vive em [data-theme="ap"] abaixo. */ --gold: #2E7D9A; /* primária — azul clínico */ --gold-dark: #226176; --gold-light: #8CC0D2; --gold-pale: #E9F3F7; --lavender: #7E93B8; /* secundária — azul-ardósia */ --lavender-dark: #5E739B; --lavender-light: #EAEFF6; --cream: #F5F8FA; --white: #FFFFFF; --text-dark: #1E2A30; --text-muted: #6A7A83; --border: #E1E8EC; --danger: #C0392B; --danger-pale: #FDECEA; --success: #27AE60; --success-pale: #E8F8EF; /* ── Tipografia ── */ --font: -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: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 24px; /* ── Sombras ── */ --shadow-sm: 0 1px 3px rgba(30, 42, 48, 0.07); --shadow-md: 0 4px 12px rgba(30, 42, 48, 0.09); /* ── Safe area (iPhone) ── */ --safe-top: env(safe-area-inset-top); --safe-bottom: env(safe-area-inset-bottom); } /* ═══════════════════════════════════════════════════════════════════ TEMA ANA PAULA (dourado + lavanda) — aplicado via data-theme="ap" no após o login, quando profile.theme === 'ap'. Preserva a identidade visual original da Ana Paula. ═══════════════════════════════════════════════════════════════════ */ [data-theme="ap"] { --gold: #B8962A; --gold-dark: #8A6E1A; --gold-light: #D4B86A; --gold-pale: #F5EDE0; --lavender: #C4A8DC; --lavender-dark: #9B7DBE; --lavender-light: #EDE5F5; --cream: #FAF7F2; --text-dark: #2C1F0E; --text-muted: #8A7560; --border: #EAE0D0; --shadow-sm: 0 1px 3px rgba(44, 31, 14, 0.07); --shadow-md: 0 4px 12px rgba(44, 31, 14, 0.09); }