/* Flexxt — дизайн-токены (источник: утверждённый прототип Claude Design) */
:root {
  /* Цвета */
  --bg: #F7F5F2;            /* фон страницы */
  --ink: #16172E;           /* основной текст */
  --ink-soft: #5A5B6E;      /* вторичный текст */
  --accent: #343CED;        /* электрик-синий, акцент/CTA */
  --accent-hover: #2A31C9;  /* ховер акцента */
  --accent-soft: #EAEBFD;   /* подложка акцента */
  --green: #1E9E5A;         /* статус успеха */
  --green-soft: #E4F5EC;
  --amber: #B26A00;         /* статус внимания */
  --amber-soft: #FBF0DC;
  --card: #FFFFFF;          /* карточки */
  --line: rgba(22,23,46,.12);

  /* Типографика */
  --font: 'Onest', system-ui, sans-serif;

  /* Геометрия */
  --radius: 10px;
  --container: 1240px;
  --pad-x: 24px;

  /* Тени */
  --shadow-btn: inset 0 1px 0 rgba(255,255,255,.18), 0 1px 2px rgba(22,23,46,.10), 0 6px 16px rgba(52,60,237,.30);
  --shadow-btn-hover: inset 0 1px 0 rgba(255,255,255,.18), 0 2px 4px rgba(22,23,46,.12), 0 10px 24px rgba(52,60,237,.38);
  --shadow-card: 0 1px 2px rgba(22,23,46,.06), 0 4px 12px rgba(22,23,46,.07);
}