/* Font loaded via in head.php for non-blocking rendering */
/* ===========================
DESIGN TOKENS
=========================== */
:root {
--bg: #f5f1ea;
--surface: rgba(255, 255, 255, 0.92);
--surface-strong: #fffdf8;
--surface-ink: #1a2332;
--text: #1a2332;
--muted: #556070;
--line: rgba(100, 80, 50, 0.12);
--line-strong: rgba(100, 80, 50, 0.22);
--primary: #0d9488;
--primary-strong: #0f766e;
--primary-deep: #115e59;
--accent: #d97706;
--accent-soft: rgba(217, 119, 6, 0.12);
--danger: #dc2626;
--danger-soft: rgba(220, 38, 38, 0.08);
--success: #16a34a;
--success-soft: rgba(22, 163, 74, 0.08);
--shadow-xl: 0 32px 72px rgba(30, 20, 8, 0.18);
--shadow-lg: 0 20px 50px rgba(30, 20, 8, 0.12);
--shadow-md: 0 12px 32px rgba(30, 20, 8, 0.08);
--shadow-sm: 0 4px 16px rgba(30, 20, 8, 0.06);
--radius-2xl: 32px;
--radius-xl: 24px;
--radius-lg: 18px;
--radius-md: 14px;
--radius-sm: 10px;
--nav-height: 64px;
--ease: cubic-bezier(0.4, 0, 0.2, 1);
--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}
/* ===========================
RESET
=========================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; padding: 0; }
/* Sembunyikan