/* tokens.css — единый источник дизайн-токенов CampSpace.
   Канон: docs/DESIGN_TOKENS_BIRCH.md. Не редактировать значения здесь без
   синхронизации с этим документом — он источник правды, это файл-подключение. */
:root {
  /* Поверхности */
  --bg:          #f5f2ec;   /* тёплый cream — главный фон */
  --bg-card:     #ffffff;
  --bg-card-2:   #fdf9f4;
  --bg-glass:    rgba(255,255,255,0.72);
  --bg-sidebar:  #1a2f20;   /* глубокий лесной зелёный */
  --bg-sidebar-2:#243828;
  --bg-input:    #f0ece3;

  /* Текст */
  --text:        #1c1a16;   /* тёплый почти-чёрный */
  --text-dim:    #6b6458;
  --text-ghost:  #b0a898;
  --text-inv:    #f5f2ec;   /* на тёмном фоне (sidebar) */
  --text-inv-dim:#9bb89f;

  /* Акценты */
  --green:       #1a6e3a;   /* основной — доверие, природа */
  --green-light: #e8f4ed;
  --green-mid:   #4d9e6b;
  --amber:       #c07a28;   /* тепло, энергия, CTA */
  --amber-light: #fef3e2;
  --amber-mid:   #e8962e;
  --rose:        #c24d4d;   /* опасность/ошибка — мягче red */
  --rose-light:  #fdeaea;
  --sky:         #2d6b9f;   /* информация */
  --sky-light:   #e8f3fc;
  --ok:          #36a06b;

  /* Границы */
  --line:        rgba(28,26,22,0.10);
  --line-mid:    rgba(28,26,22,0.16);
  --line-sidebar:rgba(255,255,255,0.10);
  --line-inv:    rgba(255,255,255,0.10);

  /* Типографика */
  --disp:  'Outfit', sans-serif;        /* заголовки, логотип */
  --body:  'Plus Jakarta Sans', sans-serif; /* основной текст */
  --mono:  'JetBrains Mono', monospace; /* код, моноширинные данные */

  /* Геометрия */
  --r:     14px;   /* основной радиус карточек/инпутов */
  --r-sm:  8px;    /* кнопки, бейджи, nav-элементы */
  --r-lg:  20px;   /* крупные контейнеры */
  --r-xl:  28px;   /* login-card, modal */

  /* Тени */
  --shadow-sm:  0 1px 3px rgba(28,26,22,0.06), 0 1px 2px rgba(28,26,22,0.04);
  --shadow:     0 4px 16px rgba(28,26,22,0.08), 0 1px 4px rgba(28,26,22,0.06);
  --shadow-lg:  0 12px 40px rgba(28,26,22,0.12), 0 4px 12px rgba(28,26,22,0.08);
  --shadow-xl:  0 24px 64px rgba(28,26,22,0.16), 0 8px 24px rgba(28,26,22,0.10);

  /* Spring easing */
  --spring:     cubic-bezier(0.34, 1.56, 0.64, 1); /* overshoot — для hover/появления */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);     /* плавный выезд */
  --ease-in:    cubic-bezier(0.4, 0, 1, 1);         /* ускорение */

  /* Layout */
  --sidebar-w:  240px;
  --topbar-h:   60px;
}