/*!
 * Fox Blocks — Thème "nature"
 * Chargé en complément de fox-blocks-core.css (qui définit les jetons
 * "minimal" par défaut). Ce fichier ne redéfinit que les jetons qui
 * changent pour ce thème — ne pas charger sans core.css au préalable.
 */

/* ===========================================================================
   THEME: nature
   Palette terre/forêt. Vert sauge profond, beige chaud, cream.
   Radius généreux, shadows douces et chaudes.
   =========================================================================== */
[data-fxb-theme="nature"], .fxb-theme-nature {
  --fxb-accent:           #4a7c59;       /* sage green */
  --fxb-accent-hover:     #3d6649;
  --fxb-accent-soft:      rgba(74, 124, 89, 0.10);
  --fxb-accent-rgb:       74, 124, 89;
  --fxb-on-accent:        #fdfcf6;

  --fxb-surface:          #fdfcf6;       /* cream */
  --fxb-surface-sunken:   #f5f1e8;       /* warm sand */
  --fxb-surface-raised:   #ffffff;

  --fxb-text:             #1f2a24;       /* deep forest */
  --fxb-text-secondary:   #5c6b62;
  --fxb-text-tertiary:    #8a9890;
  --fxb-text-on-sunken:   #2d3a32;

  --fxb-border:           rgba(74, 124, 89, 0.15);
  --fxb-border-strong:    rgba(74, 124, 89, 0.28);
  --fxb-border-focus:     #4a7c59;

  --fxb-success:          #4a7c59;
  --fxb-success-soft:     rgba(74, 124, 89, 0.12);
  --fxb-warning:          #b8860b;
  --fxb-warning-soft:     rgba(184, 134, 11, 0.12);
  --fxb-error:            #b34234;
  --fxb-error-soft:       rgba(179, 66, 52, 0.10);
  --fxb-info:             #5a7f9a;
  --fxb-info-soft:        rgba(90, 127, 154, 0.12);

  --fxb-winner-bg:        rgba(74, 124, 89, 0.14);
  --fxb-winner-text:      #2e5238;
  --fxb-winner-border:    #4a7c59;

  --fxb-font-display:     Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", serif;
  --fxb-font-body:        ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  --fxb-radius-sm:        4px;
  --fxb-radius-md:        10px;
  --fxb-radius-lg:        14px;

  --fxb-shadow-xs:        0 1px 2px rgba(74, 124, 89, 0.06);
  --fxb-shadow-sm:        0 2px 6px rgba(74, 124, 89, 0.08), 0 1px 2px rgba(74, 124, 89, 0.04);
  --fxb-shadow-md:        0 8px 20px rgba(74, 124, 89, 0.10), 0 2px 6px rgba(74, 124, 89, 0.06);
  --fxb-shadow-lg:        0 16px 40px rgba(74, 124, 89, 0.12), 0 4px 12px rgba(74, 124, 89, 0.08);
  --fxb-shadow-focus:     0 0 0 4px rgba(74, 124, 89, 0.20);
}

/* Nature — dark mode */
@media (prefers-color-scheme: dark) {
  body.fxb-auto-dark [data-fxb-theme="nature"], body.fxb-auto-dark .fxb-theme-nature {
    --fxb-accent:         #7fb088;
    --fxb-accent-hover:   #95c39d;
    --fxb-accent-soft:    rgba(127, 176, 136, 0.14);
    --fxb-accent-rgb:     127, 176, 136;
    --fxb-on-accent:      #0f1614;

    --fxb-surface:        #131814;       /* deep forest dark */
    --fxb-surface-sunken: #0c100e;
    --fxb-surface-raised: #1a2118;

    --fxb-text:           #f0ede3;
    --fxb-text-secondary: #a8b1a5;
    --fxb-text-tertiary:  #6f7c72;
    --fxb-text-on-sunken: #d4d6c9;

    --fxb-border:         rgba(127, 176, 136, 0.18);
    --fxb-border-strong:  rgba(127, 176, 136, 0.32);

    --fxb-success-soft:   rgba(127, 176, 136, 0.18);
    --fxb-winner-bg:      rgba(127, 176, 136, 0.20);
    --fxb-winner-text:    #b0d4b6;

    --fxb-shadow-xs:      0 1px 2px rgba(0, 0, 0, 0.20);
    --fxb-shadow-sm:      0 2px 6px rgba(0, 0, 0, 0.30);
    --fxb-shadow-md:      0 8px 20px rgba(0, 0, 0, 0.40);
    --fxb-shadow-lg:      0 16px 40px rgba(0, 0, 0, 0.50);
  }
}