:root {
  /* Brand Galaya — primary UI */
  --color-brand: #c46b34;
  --color-brand-hover: #a85828;
  --color-brand-soft: #fdf4ee;

  --color-bg: #fafafa;
  --color-surface: #ffffff;
  --color-text: #171717;
  --color-text-muted: #737373;
  --color-border: #e5e5e5;

  /* Alias — semua CTA/active pakai brand */
  --color-accent: var(--color-brand);
  --color-accent-hover: var(--color-brand-hover);
  --color-accent-soft: var(--color-brand-soft);

  --color-pi: #d97706;
  --color-pi-soft: #fffbeb;
  --color-gly: #7c3aed;
  --color-gly-soft: #f5f3ff;

  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);

  --header-h: 56px;
  --bottom-nav-h: 64px;
  --sticky-cta-h: 72px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;

  --transition: 160ms ease;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}