/* Femino — Colors
   Różowo-pomarańczowy gradient na cichym, ciemnym polu.
   "Nie wymyślamy nowych kolorów." — trzymaj się tego zestawu. */
:root {
  /* ---- Brand core (base values) ---- */
  --fem-fuksja:     #C72E78; /* Fuksja — dominujący akcent */
  --fem-coral:      #E8556B; /* Coral — środek gradientu */
  --fem-pomarancz:  #F0903E; /* Pomarańcz — ciepły koniec gradientu */

  /* ---- Brand gradient (100°, always these three stops) ---- */
  --fem-gradient:   linear-gradient(100deg, #C72E78 0%, #E8556B 48%, #F0903E 100%); /* @kind color */
  --fem-gradient-soft: linear-gradient(100deg, #C72E78, #F0903E); /* @kind color */

  /* ---- Neutrals ---- */
  --fem-krem:       #F7F2E9; /* Krem — jasny tekst / jasne tło */
  --fem-ink:        #070506; /* Ciemne tło — prawie-czarny, ciepły */
  --fem-szary:      #b9aeb0; /* Szary na ciemnym — podpisy, meta */
  --fem-krem-ink:   #2a2422; /* ciemny tekst NA kremie */

  /* Krem tints — hairline borders & surfaces on the dark field */
  --fem-krem-03:  rgba(244, 236, 222, .03);
  --fem-krem-05:  rgba(244, 236, 222, .05);
  --fem-krem-09:  rgba(244, 236, 222, .09);
  --fem-krem-11:  rgba(244, 236, 222, .11);
  --fem-krem-12:  rgba(244, 236, 222, .12);
  --fem-krem-40:  rgba(244, 236, 222, .40);
  --fem-krem-50:  rgba(244, 236, 222, .50);

  /* ---- Semantic aliases ---- */
  --bg-page:        var(--fem-ink);
  --bg-page-light:  var(--fem-krem);
  --surface-card:   linear-gradient(160deg, rgba(244,236,222,.055), rgba(244,236,222,.02)); /* @kind color */
  --surface-raised: var(--fem-krem-05);

  --text-strong:    var(--fem-krem);      /* headings / high emphasis on dark */
  --text-body:      rgba(247, 242, 233, .85);
  --text-muted:     var(--fem-szary);     /* captions, meta, eyebrows */
  --text-on-krem:   var(--fem-krem-ink);
  --text-accent:    var(--fem-pomarancz); /* small labels / eyebrow accent */

  --accent:         var(--fem-fuksja);
  --accent-gradient: var(--fem-gradient); /* @kind color */

  --border-hair:    var(--fem-krem-12);   /* 1px card & divider lines */
  --border-strong:  var(--fem-krem-50);   /* outline buttons */
  --border-login:   var(--fem-krem-40);   /* login pill */
}