/* ============================================================ Design Tokens por Segmento Use data-segment no ou para aplicar ============================================================ */ :root { --font-body: 'Segoe UI', system-ui, -apple-system, sans-serif; --font-display: var(--font-body); --radius-sm: 6px; --radius-md: 12px; --radius-lg: 20px; --shadow-sm: 0 1px 3px rgba(0,0,0,.08); --shadow-md: 0 4px 16px rgba(0,0,0,.1); --shadow-lg: 0 12px 40px rgba(0,0,0,.15); --transition: 0.25s ease; --max-width: 1100px; --section-padding: clamp(3rem, 6vw, 5rem); } /* Beleza & Estética — paleta inspirada em lojas profissionais */ [data-segment="beleza"] { --color-primary: #d81b7a; --color-primary-dark: #ad1457; --color-primary-light: #fce4ef; --color-accent: #ffb300; --color-bg: #fff8fb; --color-surface: #ffffff; --color-text: #2d2d2d; --color-text-muted: #757575; --color-border: #f3d5e4; --gradient-hero: linear-gradient(135deg, #fce4ef 0%, #fff0f6 50%, #ffffff 100%); --font-display: 'Georgia', 'Times New Roman', serif; } /* Serviços Residenciais */ [data-segment="servicos-residenciais"] { --color-primary: #2563eb; --color-primary-dark: #1d4ed8; --color-primary-light: #dbeafe; --color-accent: #f59e0b; --color-bg: #f8fafc; --color-surface: #ffffff; --color-text: #1e293b; --color-text-muted: #64748b; --color-border: #e2e8f0; --gradient-hero: linear-gradient(135deg, #dbeafe 0%, #f0f9ff 50%, #ffffff 100%); --font-display: 'Segoe UI', system-ui, sans-serif; } /* Alimentação */ [data-segment="alimentacao"] { --color-primary: #ea580c; --color-primary-dark: #c2410c; --color-primary-light: #ffedd5; --color-accent: #16a34a; --color-bg: #fffbf5; --color-surface: #ffffff; --color-text: #292524; --color-text-muted: #78716c; --color-border: #fed7aa; --gradient-hero: linear-gradient(135deg, #ffedd5 0%, #fff7ed 50%, #ffffff 100%); --font-display: 'Georgia', serif; } /* Saúde & Bem-estar */ [data-segment="saude-bem-estar"] { --color-primary: #059669; --color-primary-dark: #047857; --color-primary-light: #d1fae5; --color-accent: #0ea5e9; --color-bg: #f0fdf4; --color-surface: #ffffff; --color-text: #1a2e1a; --color-text-muted: #5f6f5f; --color-border: #bbf7d0; --gradient-hero: linear-gradient(135deg, #d1fae5 0%, #ecfdf5 50%, #ffffff 100%); --font-display: 'Segoe UI', system-ui, sans-serif; } /* Comércio Local */ [data-segment="comercio-local"] { --color-primary: #7c3aed; --color-primary-dark: #6d28d9; --color-primary-light: #ede9fe; --color-accent: #ec4899; --color-bg: #faf5ff; --color-surface: #ffffff; --color-text: #1e1b2e; --color-text-muted: #6b6580; --color-border: #ddd6fe; --gradient-hero: linear-gradient(135deg, #ede9fe 0%, #f5f3ff 50%, #ffffff 100%); --font-display: 'Georgia', serif; }