/* ════════════════════════════════════════════════════
   DESIGN TOKENS — eBerrii brand (nueva paleta)
═══════════════════════════════════════════════════════ */
:root {
  /* Backgrounds */
  --bg: #ffffff;
  --bg2: #f7f7f7;
  --bg3: #f0f0f0;
  --paper: #ffffff;

  /* Inks */
  --ink: #111111;
  --ink2: #1a1a1a;
  --ink-soft: #333333;
  --ink-mute: #666666;
  --ink-light: #999999;

  /* Brand — naranja + verde */
  --orange: #FF7A00;
  --orange-light: #FFA726;
  --orange-soft: #FFF0E0;
  --green: #5FAF2D;
  --green-light: #8CD94A;
  --green-soft: #EEF8E5;

  /* Aliases para mantener compatibilidad con clases existentes */
  --violet: #FF7A00;
  --violet-light: #FFA726;
  --pink: #5FAF2D;
  --pink-soft: #8CD94A;

  /* Lines */
  --line: rgba(17, 17, 17, 0.1);
  --line2: rgba(17, 17, 17, 0.05);

  /* Type */
  --font-display: "Inter Tight", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Geist", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;

  /* Spacing */
  --space-1: 4px;  --space-2: 8px;   --space-3: 12px;
  --space-4: 16px; --space-5: 20px;  --space-6: 24px;
  --space-8: 32px; --space-10: 40px; --space-12: 48px;
  --space-16: 64px;--space-20: 80px; --space-24: 96px;
  --space-32: 128px;

  /* Radii */
  --radius-sm: 6px;  --radius-md: 10px; --radius-lg: 14px;
  --radius-xl: 18px; --radius-2xl: 22px;

  /* Transitions */
  --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.15, 0.64, 1);
}