/* ========================================================================== HaloMumu -- Landing Page Token warna baru (arahan Kak Mumu, palet "pomar"): Pumpkin Orange, Salad Green, Bottle Green, Eggshell White. Dibangun per section, mulai dari Hero. Section lain menyusul. ========================================================================== */ @font-face { font-family: 'Google Sans Flex'; src: url('./fonts/GoogleSansFlex.woff2') format('woff2-variations'), url('./fonts/GoogleSansFlex.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; } :root { /* Warna inti (persis hex dari arahan Kak Mumu) */ --color-pumpkin: #FF6400; --color-pumpkin-dark: #E05800; --color-pumpkin-tint: #FDE7D6; --color-salad: #8CC850; --color-salad-dark: #6FA83A; --color-salad-tint: #E9F5DC; --color-bottle: #003223; --color-bottle-soft: #0B4A36; --color-eggshell: #F5EBE1; --color-white: #FFFFFF; /* Peran warna semantik */ --color-bg-page: var(--color-white); --color-bg-card-light: var(--color-white); --color-bg-dark: var(--color-bottle); --color-text-primary: var(--color-bottle); --color-text-muted: #3F5A4E; --color-text-inverse: var(--color-eggshell); --color-btn-primary-bg: var(--color-pumpkin); --color-btn-primary-text: var(--color-white); --color-border: rgba(0, 50, 35, 0.16); /* Tipografi -- Google Sans Flex, sama seperti app supaya satu rasa */ --font-primary: 'Google Sans Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --fw-regular: 400; --fw-semibold: 600; --fw-bold: 700; --fw-extrabold: 800; /* Bentuk & jarak */ --radius-pill: 999px; --radius-card: 28px; --spacing-page-side: 20px; --container-max: 1360px; --shadow-card: 0 12px 32px 0 rgba(0, 50, 35, 0.10); } * { margin: 0; padding: 0; box-sizing: border-box; } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; } } body { font-family: var(--font-primary); background: var(--color-bg-page); color: var(--color-text-primary); line-height: 1.45; -webkit-font-smoothing: antialiased; } img { max-width: 100%; display: block; } a { color: inherit; } /* Elemen