/* tokens.light.css — warm light theme tokens */
:root, [data-theme="light"] {
  /* Тёплый акцент и поддержка Bootstrap */
  --bs-primary:   #E07A3F;  /* главный оранжевый */
  --bs-secondary: #6c757d;
  --bs-success:   #198754;
  --bs-info:      #0dcaf0;
  --bs-warning:   #f0b429;  /* тёплый янтарный */
  --bs-danger:    #dc3545;

  --bs-body-color:#2b2b2b;
  --bs-body-bg:   #ffffff;

  /* Тёплые поверхности проекта */
  --fx-bg:     #F7F5F2;   /* фон секций */
  --fx-card:   #FFFFFF;   /* карточки/модалки */
  --fx-border: #EAE6DF;   /* разделители */
  --fx-muted:  #8A8A8A;
  --fx-surface:#F3E9DF;   /* шапки/offcanvas */

  /* Производные */
  --line:  var(--fx-border);
  --muted: #9AA0A6;

  /* дополнительные */
  --fx-extra-accent: #7C5CFC;   /* фиолетовый: стабильный, не конфликтует с Bootstrap alert-цветами */
  --fx-extra-bg:     #F3EFFF;   /* очень светлый фон-тон */
  --fx-extra-border: #A08BFF;

  /* Геометрия и тени (консистентность с демо-разворотами) */
  --fx-radius:       24px;      /* базовое закругление — 24px везде */
  --fx-radius-pill:  999px;     /* кнопки-пилюли */
  --fx-shadow:       0 2px 8px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.02);
  --fx-shadow-lg:    0 4px 18px rgba(0,0,0,.04), 0 1px 4px rgba(0,0,0,.03);

  /* Included badge + image tokens (used by spreads) */
  --fx-included-bg:    #F5E7D8; /* badge for "Входит в альбом" */
  --fx-included-color:  #8A4D18;

  /* Image geometry — унифицировано с базовым радиусом */
  --fx-image-radius: 24px; /* image corner radius = базовое закругление */
  --fx-image-shadow: 0 6px 18px rgba(0,0,0,0.08);
  
}