/* Token desain Gugik v3 (modern). Sumber kebenaran warna/tipografi/jarak; selaras dengan theme.json. */
:root {
  --g-navy: #0b1220; --g-navy-2: #131c33; --g-base: #fff; --g-surface: #f6f8fb; --g-surface-2: #eef2f7; --g-border: #e5e9f0;
  --g-text: #0f172a; --g-muted: #64748b; --g-blue: #2563eb; --g-blue-dark: #1d4ed8; --g-blue-soft: #e8efff;
  --g-green: #16a34a; --g-green-dark: #15803d; --g-amber: #f59e0b; --g-red: #dc2626;
  --g-font: Inter, -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;
  --g-container: 1180px; --g-gutter: 20px;
  --g-radius: 10px; --g-radius-lg: 16px; --g-radius-pill: 999px;
  --g-shadow-sm: 0 1px 2px rgba(15,23,42,.06); --g-shadow: 0 8px 24px -12px rgba(15,23,42,.18); --g-shadow-lg: 0 24px 48px -24px rgba(15,23,42,.35);
  --g-header-h: 72px; --g-nav-h: 48px; --g-section: 64px;
  --g-ease: cubic-bezier(.2,.7,.2,1);
}
@media (max-width: 767px) { :root { --g-section: 44px; --g-header-h: 62px; } }