/* Gerado por build-deploy.sh: tokens/colors.css + typography.css + spacing.css. Editar os arquivos em tokens/, nunca este. */ :root { /* Base palette — sampled from brand swatch */ --green-100: #82CFA0; /* mint/sage */ --green-400: #4AD342; /* bright lime — accent, highlights, "%", CTAs */ --green-500: #35994C; /* medium green */ --green-700: #216D33; /* dark green — primary brand green */ --green-900: #153721; /* darkest green — deep backgrounds */ --white: #FFFFFF; --black: #181818; /* Semantic aliases */ --color-brand-primary: var(--green-700); --color-brand-accent: var(--green-400); --color-surface-light: var(--green-100); --color-surface-dark: var(--green-900); --color-surface-mid: var(--green-500); --bg-page: var(--white); --bg-section-dark: var(--green-900); --bg-section-mid: var(--green-500); --bg-section-light: var(--green-100); --text-on-light: var(--black); --text-on-dark: var(--white); --text-accent: var(--green-400); --text-muted-on-dark: #BFE3CC; --border-on-dark: rgba(255,255,255,0.35); --border-on-light: rgba(21,55,33,0.2); --gradient-hero: linear-gradient(160deg, var(--green-500) 0%, var(--green-900) 75%); --gradient-panel: linear-gradient(135deg, var(--green-400) 0%, var(--green-700) 100%); } /* A Poppins e carregada por no de cada pagina, com preconnect. Um @import aqui criaria a cadeia HTML -> styles.css -> typography.css -> fonts.googleapis, com 4 saltos serializados bloqueando a renderizacao. */ :root { --font-display: 'Poppins', sans-serif; --font-body: 'Poppins', sans-serif; --fs-display-xl: clamp(40px, 6vw, 76px); --fs-display-lg: clamp(32px, 4.5vw, 56px); --fs-display-md: clamp(26px, 3vw, 38px); --fs-heading: 24px; --fs-body-lg: 19px; --fs-body: 16px; --fs-small: 13px; --fs-label: 14px; --lh-tight: 1.05; --lh-heading: 1.2; --lh-body: 1.6; --ls-label: 0.08em; --ls-tight: -0.01em; --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-extrabold: 800; --fw-black: 900; } :root { --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 128px; --radius-sm: 8px; --radius-md: 16px; --radius-lg: 28px; --radius-pill: 999px; --shadow-card: 0 12px 32px rgba(21,55,33,0.18); --shadow-soft: 0 4px 14px rgba(21,55,33,0.12); --shadow-glow-accent: 0 0 40px rgba(74,211,66,0.45); --container-max: 1200px; }