/* Design System Tokens — BaitoCrypto.fun (v2)
   This file is loaded AFTER core.bundle.css to override tokens safely.
*/
:root{
  /* Color */
  --cf-bg-main:#060913;
  --cf-bg-panel:#0b1222;
  --cf-bg-elev:#0f1a33;

  --cf-text:#e9edf7;
  --cf-text-dim:#9aa3b7;
  --cf-text-faint:#6c748a;

  --cf-neon:#22d3ee;
  --cf-neon-2:#6366f1;
  --cf-success:#22c55e;
  --cf-danger:#fb7185;
  --cf-warn:#fbbf24;

  --cf-border-soft: rgba(255,255,255,0.12);
  --cf-border-strong: rgba(255,255,255,0.18);

  /* Typography */
  --cf-font-sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --cf-font-display: "Space Grotesk", Inter, system-ui, sans-serif;

  --cf-fs-xs: 12px;
  --cf-fs-sm: 14px;
  --cf-fs-md: 16px;
  --cf-fs-lg: 18px;
  --cf-fs-xl: 22px;
  --cf-fs-2xl: 28px;
  --cf-fs-3xl: 40px;

  --cf-lh-tight: 1.15;
  --cf-lh-normal: 1.5;

  /* Spacing scale (4px base) */
  --cf-s-1: 4px;
  --cf-s-2: 8px;
  --cf-s-3: 12px;
  --cf-s-4: 16px;
  --cf-s-5: 20px;
  --cf-s-6: 24px;
  --cf-s-8: 32px;
  --cf-s-10: 40px;
  --cf-s-12: 48px;
  --cf-s-16: 64px;

  /* Radius & shadow */
  --cf-r-sm: 10px;
  --cf-r-md: 16px;
  --cf-r-lg: 22px;
  --cf-r-xl: 28px;

  --cf-shadow-sm: 0 10px 30px rgba(0,0,0,0.28);
  --cf-shadow-md: 0 22px 60px rgba(0,0,0,0.38);

  /* Motion */
  --cf-ease: cubic-bezier(.2,.9,.2,1);
  --cf-dur-1: 120ms;
  --cf-dur-2: 240ms;

  /* Container */
  --cf-wrap: 1120px;
}