:root{--color-slate-dark:#141413;--color-ivory-light:#f7f6f1;--color-ivory-medium:#f0eee6;--color-ivory-dark:#e8e6dc;--color-oat:#e3dacc;--color-cloud-medium:#b0aea5;--color-cloud-light:#d1cfc5;--color-cloud-dark:#87867f;--color-slate-medium:#3d3d3a;--color-slate-light:#5e5d59;--color-menteng:#2f6b47;--color-menteng-deep:#245538;--color-daun:#5a7350;--color-langit:#5a7d94;--color-merak:#9e6b78;--color-setaman:#9cb8a8;--color-clay:var(--color-menteng);--color-accent-ember:var(--color-menteng-deep);--font-ui:var(--font-inter),Inter,system-ui,sans-serif;--font-editorial:var(--font-lora),Lora,Georgia,serif;--font-mono:var(--font-mono-jb),"JetBrains Mono",ui-monospace,monospace;--font-body-id:var(--font-jakarta),"Plus Jakarta Sans",system-ui,sans-serif;--text-caption:0.75rem;--text-body-sm:0.9375rem;--text-subheading:1.125rem;--text-heading-sm:1.25rem;--text-heading:1.5rem;--text-heading-lg:clamp(2.25rem,5vw,3.8125rem);--text-display:clamp(2.5rem,6vw,5.6875rem);--spacing-section:3.8125rem;--spacing-card:1.9375rem;--page-max-width:75rem;--radius-card:8px;--radius-feature:24px;--radius-btn:0;--radius-btn-cta:0 0 8px 8px;--surface-page:var(--color-ivory-light);--surface-nav:var(--color-ivory-medium);--surface-feature-dark:var(--color-slate-dark)}