/* ==========================================================
   VibePilot — дизайн-токены.
   Единственное место, где заданы цвета, шрифты и отступы.
   ========================================================== */

:root {
  /* --- Поверхности --- */
  --bg: #08080E;
  --surface: #111120;
  --surface-2: #16162a;
  --border: #252540;
  --border-soft: #1b1b31;

  /* --- Текст --- */
  --text: #E8E8F0;
  --text-secondary: #9A9AB0;
  --text-muted: #6e6e87;

  /* --- Акцент (единственный разрешённый градиент) --- */
  --accent-from: #4D7CFE;
  --accent-to: #A855F7;
  --accent: #4D7CFE;
  --accent-strong: #A855F7;
  --gradient: linear-gradient(90deg, var(--accent-from) 0%, var(--accent-to) 100%);

  /* --- Статусы --- */
  --success: #34D399;
  --warning: #F2C94C;

  /* --- Типографика --- */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --h1-size: 28px;   --h1-line: 36px;   --h1-weight: 700;
  --h2-size: 18px;   --h2-line: 26px;   --h2-weight: 600;
  --body-size: 15px; --body-line: 22px; --body-weight: 400;
  --caption-size: 13px; --caption-line: 18px; --caption-weight: 400;
  --micro-size: 11px;   --micro-line: 16px;   --micro-weight: 500;

  /* --- Отступы --- */
  --space-screen: 16px;
  --space-card: 16px;
  --gap: 12px;
  --gap-sm: 8px;
  --gap-lg: 20px;

  /* --- Радиусы --- */
  --radius-card: 16px;
  --radius-pill: 999px;
  --radius-thumb: 8px;
  --radius-input: 16px;

  /* --- Размеры --- */
  --control-height: 48px;
  --tabbar-height: 60px;
  --header-height: 56px;
  --hairline: 1px;

  /* --- Служебное --- */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --transition: 160ms ease;
}

/* Светлая тема подключится позже — токены уже готовы. */
[data-theme='light'] {
  --bg: #F6F6F4;
  --surface: #FFFFFF;
  --surface-2: #F0F0EE;
  --border: #D9D9D9;
  --border-soft: #E6E6E4;
  --text: #111111;
  --text-secondary: #777777;
  --text-muted: #9a9a9a;
}