/* ===================================
   OPTIMUSCLE — Design System Variables
   =================================== */

:root {
  /* Backgrounds */
  --bg: #0a0a0a;
  --bg-2: #141414;
  --card: #1a1a1a;
  --card-2: #242424;

  /* Text */
  --text: #ffffff;
  --text-dim: #8a8a8a;

  /* Brand colors */
  --accent: #ff3d00;          /* Orange agressif - principal */
  --accent-2: #ff6d00;
  --accent-glow: rgba(255, 61, 0, 0.4);

  /* Feedback colors */
  --neon: #00ff88;            /* Vert néon - validation */
  --gold: #ffb800;            /* Or - récompenses */
  --danger: #ff1744;          /* Rouge - erreurs/destruction */

  /* Borders */
  --border: #2a2a2a;
  --border-light: #383838;

  /* Layout */
  --max-width: 480px;
  --header-height: 64px;
  --bottom-nav-height: 70px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  /* Animation */
  --ease-out: cubic-bezier(.34,1.56,.64,1);
  --ease-smooth: cubic-bezier(.65,.05,.36,1);
}