/* Cioco Theme Colors — static map of Bricks selectors to CSS variables.
   Values come from the active palette via the inline :root{} block.
   This map GROWS as each homepage section is redesigned; seed = buttons + base. */

/* Butoane — primary (dark CTA) */
.pfs_ylw_btn_l,
.pfs_ylw_btn_s {
  background-color: var(--cioco-btn-primary-bg);
  color: var(--cioco-btn-primary-text);
}
.pfs_ylw_btn_l:hover,
.pfs_ylw_btn_s:hover {
  background-color: var(--cioco-btn-primary-bg-hover);
}

/* Butoane — outline (ghost) */
.pfs_ghst_btn_l,
.pfs_ghst_btn_s {
  border-color: var(--cioco-btn-outline-border);
  color: var(--cioco-btn-outline-text);
}
.pfs_ghst_btn_l:hover,
.pfs_ghst_btn_s:hover {
  background-color: var(--cioco-btn-outline-bg-hover);
  color: var(--cioco-btn-outline-text-hover);
}

/* Butoane — secondary (transparent/underline) */
.pfs_trans_btn_l {
  color: var(--cioco-btn-secondary-text);
}