/* ========================================================= MARCA (DESIGN TOKENS) - NÃO use cores/tamanhos fora deste arquivo - Para mudar a marca, mude apenas aqui ========================================================= */ :root{ /* Cores - Base (neutro + rosa) */ --pink-500: #b10062; --pink-600: #bd2c64; --pink-200: #FFB6D0; --green-500: #16a34a; --orange-500: #f59e0b; --blue-400: #4C9BEB; --blue-500: #2F7BDE; --blue-600: #1F5FAE; --neutral-0: #FFFFFF; --neutral-50: #FAFAFB; --neutral-100: #F1F2F4; --neutral-200: #E6E7EB; --neutral-300: #D1D4DB; --neutral-600: #4B5563; --neutral-700: #374151; --neutral-800: #1F2937; --neutral-900: #111827; /* Tema (Light) */ --c-bg: var(--neutral-50); --c-surface: var(--neutral-0); --c-surface-2: var(--neutral-100); --c-border: var(--neutral-200); --c-text: var(--neutral-900); --c-text-muted: var(--neutral-600); --c-accent: var(--pink-500); --c-accent-strong: var(--pink-600); --c-accent-soft: var(--pink-200); /* Tipografia (system stack, simples e legível) */ --font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; --fs-10: 0.5rem; --fs-11: 0.6875rem; --fs-12: 0.75rem; --fs-14: 0.875rem; --fs-16: 1rem; --fs-18: 1.125rem; --fs-22: 1.375rem; --fs-28: 1.75rem; --lh-tight: 1.2; --lh-base: 1.5; --fw-400: 400; --fw-600: 600; --fw-700: 700; /* Espaçamento */ --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; /* Raio e sombras */ --radius-12: 12px; --radius-16: 16px; --radius-20: 20px; --shadow-1: 0 10px 30px #11182714; /* Tamanhos fixos (layout) */ --header-h: 56px; --footer-h: 64px; /* Tamanhos de ícone */ --icon-18: 18px; --icon-20: 20px; --icon-24: 24px; /* Larguras */ --container-max: 1100px; } /* Tema Dark: definido por atributo no */ html[data-theme="dark"]{ --c-bg: #0B0F14; --c-surface: #0F1720; --c-surface-2: #121C27; --c-border: #1E2A37; --c-text: #E5E7EB; --c-text-muted: #A7B0BB; --c-accent: var(--pink-500); --c-accent-strong: var(--pink-600); --c-accent-soft: #3A1F2B; --shadow-1: 0 10px 30px #00000066; }