/* Ima Claw v2 - Design Tokens / CSS Variables */
:root {
  /* Brand Colors */
  --lobster: #D4403A;
  --lobster-light: #E8584E;
  --lobster-glow: rgba(212, 64, 58, 0.15);
  --blue: #8BA4C4;
  --yellow: #F2C744;

  /* Surfaces */
  --bg: #0C0C12;
  --surface: #13131D;

  /* Text */
  --text: #E8E8ED;
  --text-2: rgba(255, 255, 255, 0.55);
  --text-3: rgba(255, 255, 255, 0.35);

  /* Borders */
  --border: rgba(255, 255, 255, 0.06);
  --border-hover: rgba(255, 255, 255, 0.12);

  /* Gradients */
  --gradient: linear-gradient(135deg, #D4403A 0%, #E8584E 40%, #F2C744 100%);

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}