/* Jeeves — дизайн-токены для ВЕБ (пульт/дэш/преза). ЗЕРКАЛО mobile/theme/tokens.ts (тот же источник правды).
   Правило R-141: веб строится ТОЛЬКО на этих переменных — ни одного хардкод-цвета/размера.
   TODO(gen): генерировать этот файл из tokens.ts, чтобы правка цвета била в обе поверхности разом (RN+CSS). */
:root {
  /* semantic — тёмная тема (основная) */
  --bg: #111417;
  --surface: #1C2126;
  --surface-elevated: #232A31;
  --border: #2C343C;
  --hairline: #2C343C;

  --text-primary: #F4F1EA;
  --text-secondary: #C9C3B5;
  --text-muted: #8C877B;
  --text-on-accent: #111417;

  --accent: #C8A96A;
  --accent-hover: #D8BC82;
  --accent-pressed: #A98C50;

  --bubble-jeeves: #232A31;
  --bubble-user: #2A3138;

  --success: #5E8468;
  --danger: #8A353B;

  /* типографика */
  --font-serif: "EB Garamond", Georgia, "Times New Roman", serif;
  --font-sans: Inter, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* ритм 4px */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 32px;
  --space-xxxl: 48px;

  /* скругления */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* тени (тихие) */
  --elev-card: 0 1px 2px rgba(0, 0, 0, 0.30);
  --elev-raised: 0 4px 16px rgba(0, 0, 0, 0.35);
}