/* Reckful design tokens — палитра бренда (образ Джокера: фиолетовый костюм + зелёные волосы).
   Единый источник для сайта, брендбука и mini-app. */
@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;700;800;900&family=Inter:wght@400;500;600;700;800&family=Rubik+Wet+Paint&family=Caveat:wght@600;700&display=swap");

:root {
  /* Core — из текущего сайта и айдентики */
  --rk-void: #050208;        /* почти чёрный с фиолетовым подтоном */
  --rk-night: #0c0416;
  --rk-plum: #1d0438;        /* #1D0438 — фон секций reckful.ru */
  --rk-grape: #34006b;       /* #34006B */
  --rk-purple: #5d06b9;      /* #5D06B9 — костюм Джокера, основной */
  --rk-violet: #8b3dff;      /* светлый фиолетовый для текста/обводок на тёмном */
  --rk-acid: #00ff4d;        /* #00FF4D — волосы Джокера, акцент */
  --rk-acid-deep: #00992e;
  --rk-white: #ffffff;
  --rk-fog: #b1b1b1;

  /* Продуктовые линейки — подсветка за банкой */
  --line-fury: #ff1f3d;
  --line-pump: #ff4d5e;
  --line-whey: #9a7bff;
  --line-mass: #ffab1a;
  --line-game: #22d3ee;
  --line-energy: #a3e635;
  --line-amino: #38bdf8;
  --line-food: #f5c27a;
  --line-merch: #e9e4ff;

  /* Semantic */
  --bg: var(--rk-void);
  --surface: rgba(255, 255, 255, 0.04);
  --surface-solid: #120822;
  --surface-2: #1a0c30;
  --line: rgba(190, 150, 255, 0.14);
  --text: #f6f3ff;
  --text-dim: #a99fbd;
  --accent: var(--rk-acid);

  /* Type — шрифты текущего сайта + граффити и маркер */
  --ff-display: "Unbounded", system-ui, sans-serif;
  --ff-body: "Inter", system-ui, sans-serif;
  --ff-graffiti: "Rubik Wet Paint", "Unbounded", sans-serif;
  --ff-hand: "Caveat", cursive;

  /* Shape & motion */
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 32px;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --glow-acid: 0 0 0 1px rgba(0, 255, 77, 0.5), 0 10px 40px -8px rgba(0, 255, 77, 0.55);
  --glow-purple: 0 20px 80px -20px rgba(93, 6, 185, 0.9);
}