/* Design tokens: Endorphins brand (endorphins.ae lime on ink) carried over from the web app.
   In React Native these become theme.ts constants (colors, radii, spacing, type). */
:root {
  /* colour */
  --ink: #0a0a0a;
  --surface: #151518;
  --surface-2: #1e1e23;
  --surface-3: #2a2a31;
  --night: #0d0b36;
  --line: rgb(255 255 255 / 0.11);
  --line-strong: rgb(255 255 255 / 0.2);
  --text: #f3f3f1;
  --muted: rgb(255 255 255 / 0.66);
  --faint: rgb(255 255 255 / 0.45);
  --lime: #a4cd39;
  --lime-glow: #c6f04f;
  --aqua: #2fd6c9;
  --violet: #7b5cff;
  --magenta: #e0338f;
  --sun: #ffcf3a;
  --danger: #ff4438;
  --danger-deep: #c21d14;
  --whatsapp: #25d366;

  /* type */
  --font-display: "Unbounded", "Arial Black", Arial, sans-serif;
  --font-sans: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;

  /* shape and space */
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-pill: 999px;
  --gutter: 20px;
  --tap: 48px;

  /* motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --fast: 180ms;
  --slow: 320ms;
}