/* theme.light.css — warm light theme tokens (single source of truth for values)
   NOTE: This file must NOT define any Bootstrap CSS variables (bs-*).
*/

:root, [data-theme="light"] {
  /* Bootstrap-independent core values */
  --fx-bg:     #F7F5F2;   /* фон секций */
  --fx-card:   #FFFFFF;   /* карточки/модалки */
  --fx-border: #EAE6DF;   /* разделители */
  --fx-muted:  #8A8A8A;
  --fx-surface:#F3E9DF;   /* шапки/offcanvas */
  --fx-addon-card: #F6F7F9; /* фон для дополнительных (inline) карточек */

  /* Extra accent */
  --fx-extra-accent: #7C5CFC;   /* фиолетовый */
  --fx-extra-bg:     #F3EFFF;   /* очень светлый фон-тон */
  --fx-extra-border: #A08BFF;

  /* Geometry & shadows */
  --fx-radius:       24px;      /* базовое закругление */
  --fx-inner-radius:       12px;      /* закругление внутренних карточек */
  --fx-innerer-radius:       9px;      /* закругление внутренних карточек */
  --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;
  --fx-included-color: #8A4D18;

  /* Image geometry */
  --fx-image-radius: 24px;
  --fx-image-shadow: 0 6px 18px rgba(0,0,0,0.08);

  /* Additional tokens required to preserve current UI (moved from legacy/base files, values unchanged) */
  --fx-ink: #2B2B2B;
  --fx-primary: #E07A3F;
  --fx-secondary: #6E6A60;
  --fx-primary-hover: #D66A33;
  --fx-surface-2: #F8FAFC;
  --fx-muted-legacy: #6B7280;
  --fx-shadow-legacy: 0 1px 2px rgba(0,0,0,.04);

  --fx-ok: #16A34A;
  --fx-warn: #D97706;
  --fx-err: #DC2626;
  --fx-focus: #93C5FD;

  --fx-radius-sm: 6px;

  --fx-gap-xs: 4px;
  --fx-gap-sm: 8px;
  --fx-gap: 12px;
  --fx-gap-lg: 20px;

  --fx-ink-secondary: #5A5A66;
  --fx-border-alpha: 0.16;

  /* Fallback-backed tokens used by legacy styles (define to the same fallback values) */
  --fx-radius-lg: 999px;
  --fx-surface-subtle: #fff;
  --fx-surface-hover: #fffaf5;
  --fx-border-soft: #e5e5e5;
  --fx-shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.06);
  --fx-shadow-md: 0 6px 18px rgba(15, 23, 42, 0.12);
  --fx-pill-bg: rgba(253, 186, 116, 0.16);

  --fx-surface-soft: #f5f6f7;

  --fx-font-display: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --fx-font-mono: "SFMono-Regular", Consolas, monospace;
}