/* tokens.css — Design tokens CUKING (Neo-Brutalism x Cat Theme, versi refined) */
:root {
  /* Warna dasar */
  --cuking-bg: #FBF7F0;
  --cuking-surface: #FFFFFF;
  --cuking-primary: #FF6B35;
  --cuking-primary-dark: #E85A2A;
  --cuking-secondary: #FFD23F;
  --cuking-accent: #2EC4B6;
  --cuking-dark: #1A1A1A;
  --cuking-pink: #FF5C8A;
  --cuking-error: #E63946;
  --cuking-success: #2A9D8F;
  --cuking-text: #1F1B16;
  --cuking-text-muted: #6B6660;
  --cuking-border: #E8DFD0;

  /* Border & Shadow — brutalism dipertegas tapi lebih halus/proporsional */
  --cuking-border-w: 2px;
  --cuking-border-w-lg: 3px;
  --cuking-shadow-color: rgba(26,26,26,0.9);
  --cuking-shadow-sm: 2px 2px 0 var(--cuking-shadow-color);
  --cuking-shadow: 3px 3px 0 var(--cuking-shadow-color);
  --cuking-shadow-lg: 5px 5px 0 var(--cuking-shadow-color);
  --cuking-shadow-soft: 0 8px 24px rgba(26,26,26,0.10);
  --cuking-radius: 16px;
  --cuking-radius-sm: 12px;
  --cuking-radius-lg: 20px;
  --cuking-radius-pill: 999px;

  /* Spacing (skala 4px) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;

  /* Tipografi */
  --font-display: 'Poppins', 'Archivo Black', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Motion */
  --ease-snappy: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 140ms;
  --dur-base: 220ms;
  --dur-slow: 360ms;

  /* Layout */
  --max-width: 640px;
  --topbar-h: 60px;
  --bottomnav-h: 64px;
}