/* ==========================================================================
   KURINJI SNAP — DESIGN TOKENS
   Sumber: prototype HTML asli (kurinji-snap-dashboard.html :root)
   Sinkronkan nilai ini secara manual ke Elementor > Site Settings > Global Colors/Fonts
   ========================================================================== */

:root {
  /* Colors */
  --ks-color-primary: #E53935;
  --ks-color-primary-dark: #C62828;
  --ks-color-secondary: #2563EB;
  --ks-color-bg: #FAFAFA;
  --ks-color-surface: #FFFFFF;
  --ks-color-text: #111827;
  --ks-color-text-muted: #6B7280;
  --ks-color-border: #E5E7EB;
  --ks-color-success: #16A34A;
  --ks-color-warning: #F59E0B;
  --ks-color-danger: #DC2626;

  /* Radius */
  --ks-radius-sm: 8px;
  --ks-radius-md: 14px;
  --ks-radius-lg: 20px;
  --ks-radius-full: 999px;

  /* Shadow */
  --ks-shadow-xs: 0 1px 2px rgba(17,24,39,0.05);
  --ks-shadow-sm: 0 4px 14px rgba(17,24,39,0.07);
  --ks-shadow-md: 0 10px 30px rgba(17,24,39,0.09);

  /* Motion */
  --ks-ease-out: cubic-bezier(.16,1,.3,1);

  /* Layout */
  --ks-sidebar-w: 264px;
  --ks-topbar-h: 66px;
  --ks-content-padding: 32px 28px 64px;

  /* Typography */
  --ks-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ks-font-display: 'Oswald', sans-serif;
  --ks-font-mono: 'JetBrains Mono', monospace;
}

/* Mobile layout overrides (bottom tabbar pattern, sesuai prototype .tabbar) */
@media (max-width: 767px) {
  :root {
    --ks-sidebar-w: 0px;
    --ks-content-padding: 20px 16px 84px; /* extra bottom padding untuk clear tabbar */
  }
}