:root{
/* Surfaces */
--surface-page:var(--pasir-100);--surface-page-alt:var(--pasir-200);--surface-card:#fffefb;--surface-card-hover:var(--pasir-50);--surface-sunken:var(--pasir-200);--surface-inverse:var(--hutan-900);--surface-signal-soft:var(--sinyal-100);--surface-accent-soft:var(--hutan-50);--surface-clay-soft:var(--tanah-100);--surface-glass:rgba(255,254,251,.72);
/* Text */
--text-strong:var(--arang-900);--text-body:var(--arang-600);--text-muted:var(--arang-400);--text-on-dark:var(--pasir-100);--text-on-dark-muted:rgba(250,247,242,.68);--text-link:var(--hutan-600);--text-link-hover:var(--hutan-700);--text-accent:var(--tanah-600);
/* Borders */
--border-subtle:var(--arang-100);--border-default:var(--arang-200);--border-strong:var(--arang-300);--border-accent:var(--hutan-300);--border-inverse:rgba(250,247,242,.16);
/* Interactive */
--action-primary:var(--hutan-600);--action-primary-hover:var(--hutan-700);--action-primary-press:var(--hutan-800);--action-primary-text:#fffefb;
--action-secondary:var(--pasir-200);--action-secondary-hover:var(--pasir-300);--action-secondary-text:var(--arang-700);
--action-accent:var(--tanah-500);--action-accent-hover:var(--tanah-600);--action-signal:var(--sinyal-500);--action-signal-hover:var(--sinyal-600);
--action-ghost-hover:var(--hutan-50);--action-disabled:var(--arang-100);--action-disabled-text:var(--arang-300);
/* Feedback */
--state-success-bg:var(--sukses-100);--state-success-fg:var(--sukses-600);--state-warning-bg:var(--hati-hati-100);--state-warning-fg:var(--hati-hati-600);--state-danger-bg:var(--bahaya-100);--state-danger-fg:var(--bahaya-600);--state-info-bg:var(--kabut-100);--state-info-fg:var(--kabut-600);
/* Decorative */
--wash-mist:linear-gradient(180deg,var(--pasir-100) 0%,var(--hutan-50) 100%); /* @kind color */
--wash-canopy:radial-gradient(120% 90% at 12% 0%,var(--hutan-100) 0%,transparent 60%),radial-gradient(90% 80% at 100% 10%,var(--tanah-100) 0%,transparent 55%); /* @kind color */
--wash-inverse:linear-gradient(165deg,var(--hutan-800) 0%,var(--arang-900) 100%); /* @kind color */
--grain-opacity:.045; /* @kind other */
}