/* ============================================================
   SB Child - brand-presets/fattorie.css
   Preset colore per "Fattorie del Benessere"
   primary = arancio #F1B300  |  accent = bordeaux #AF231C

   USO: copia questo contenuto in brand.css dopo aver installato
   il tema nel sito "fattorie".
   ============================================================ */

:root {
  /* ── Primario e accento ── */
  --color-primary:       var(--color-arancio-500);    /* #F1B300 */
  --color-primary-dark:  var(--color-arancio-600);    /* #CC9600 */
  --color-primary-light: var(--color-arancio-100);    /* #FFF2C2 */
  --color-primary-rgb:   241, 179, 0;

  --color-accent:        var(--color-bordeaux-500);   /* #AF231C */
  --color-accent-dark:   var(--color-bordeaux-600);   /* #931D17 */
  --color-accent-light:  var(--color-bordeaux-100);   /* #FBD9D7 */

  /* ── Azioni ── */
  --color-action:        var(--color-accent);         /* bordeaux come CTA per contrasto */
  --color-action-hover:  var(--color-accent-dark);
  --color-action-active: var(--color-bordeaux-700);
  --color-action-subtle: var(--color-bordeaux-50);

  /* ── Sfondi ── */
  --color-bg:             #FFFFFF;
  --color-bg-alt:         var(--color-warm-50);
  --color-surface:        #FFFFFF;
  --color-surface-raised: var(--color-warm-50);

  /* ── Bianco istituzionale (condiviso) ── */
  --color-white: #FFFFFF;

  /* ── Testo ── */
  --color-text:             var(--color-warm-950);
  --color-text-muted:       var(--color-warm-700);
  --color-text-subtle:      var(--color-warm-600);
  --color-text-placeholder: var(--color-warm-500);
  --color-text-on-primary:  var(--color-warm-950);   /* testo scuro su arancio */
  --color-text-on-accent:   var(--color-white);      /* bianco su bordeaux */

  /* ── Bordi ── */
  --color-border:        var(--color-warm-300);
  --color-border-subtle: var(--color-warm-200);
  --color-border-strong: var(--color-warm-500);

  /* ── Sistema ── */
  --color-success: var(--color-sage);
  --color-warning: var(--color-arancio-500);
  --color-error:   var(--color-bordeaux-600);

  /* ── Selection ── */
  --color-selection-bg:   var(--color-arancio-200);
  --color-selection-text: var(--color-warm-950);
}