/* ============================================================
   Finca Soluna — Color tokens
   "Heller statt dunkel" — keep the palette light, warm and airy.
   Pampasgras is the dominant surface; warm tones lead, cool
   tones (Himmel, Pfirsich) are reserved for area shapes/accents.
   ============================================================ */

:root {
  /* ---- Primärfarben (primary) ---- */
  --fs-kiwi:        #999054;  /* olive / kiwi — earthy primary       */
  --fs-koralle:     #eb5a3c;  /* coral — energetic warm signal       */
  --fs-pampas:      #f7f5f2;  /* pampas grass — main off-white ground */
  --fs-himmel:      #9cbfcf;  /* sky — cool accent, shapes only       */
  --fs-sonne:       #ebba52;  /* sun — golden warm highlight          */

  /* ---- Sekundärfarben (secondary) ---- */
  --fs-kaktus:      #75661d;  /* cactus — deep ochre-olive            */
  --fs-grass:       #54662b;  /* grass — deep forest green            */
  --fs-pfirsich:    #f5a69c;  /* peach — soft cool-warm, shapes only  */
  --fs-paprika:     #c91417;  /* paprika — saturated red, sparing     */
  --fs-sand:        #eddbc7;  /* sand — warm neutral surface          */

  /* ---- Tints & shades (derived, for hovers/fills) ---- */
  --fs-pampas-deep: #efece6;  /* slightly deeper pampas for dividers  */
  --fs-sand-deep:   #e3cdb3;  /* pressed/hover sand                   */
  --fs-koralle-deep:#d24428;  /* coral hover/press                    */
  --fs-grass-deep:  #44551f;  /* grass hover/press                    */
  --fs-sonne-deep:  #e0a833;  /* sun hover/press                      */
  --fs-ink:         #2f3115;  /* near-black warm ink (text)           */
  --fs-ink-soft:    #5c5a3f;  /* muted body ink                       */

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */

  /* Surfaces */
  --surface-page:    var(--fs-pampas);
  --surface-card:    #ffffff;
  --surface-sunken:  var(--fs-pampas-deep);
  --surface-warm:    var(--fs-sand);
  --surface-invert:  var(--fs-grass);

  /* Text */
  --text-strong:     var(--fs-ink);
  --text-body:       var(--fs-ink-soft);
  --text-on-warm:    var(--fs-grass);
  --text-on-invert:  var(--fs-pampas);
  --text-brand:      var(--fs-koralle);

  /* Lines & borders */
  --border-subtle:   var(--fs-pampas-deep);
  --border-strong:   var(--fs-sand-deep);
  --border-brand:    var(--fs-grass);

  /* Interactive / brand actions */
  --action-primary:        var(--fs-koralle);
  --action-primary-hover:  var(--fs-koralle-deep);
  --action-secondary:      var(--fs-grass);
  --action-secondary-hover:var(--fs-grass-deep);
  --accent-sun:            var(--fs-sonne);
  --accent-sky:            var(--fs-himmel);

  /* Status (mapped onto brand palette) */
  --status-positive: var(--fs-grass);
  --status-warning:  var(--fs-sonne);
  --status-danger:   var(--fs-paprika);
  --status-info:     var(--fs-himmel);

  /* Focus ring */
  --focus-ring: color-mix(in srgb, var(--fs-koralle) 55%, transparent);
}