/* Gizlen Global — natural secondary action states
   Keeps outline/light buttons visually related between rest, hover, and focus. */

/* Neutral light-surface secondary action. */
body.gg-design-v2 :is(.button-light,.button-secondary,.button-ghost,.button-quiet),
body.gg-refined :is(.button-light,.button-secondary,.button-ghost,.button-quiet){
  background:#edf3f5!important;
  border-color:#9db0bc!important;
  color:#0a1b2f!important;
  -webkit-text-fill-color:#0a1b2f!important;
  box-shadow:0 5px 14px rgba(10,31,52,.055)!important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
body.gg-design-v2 :is(.button-light,.button-secondary,.button-ghost,.button-quiet):hover,
body.gg-refined :is(.button-light,.button-secondary,.button-ghost,.button-quiet):hover{
  background:#dfecea!important;
  border-color:#4a9f90!important;
  color:#071c2d!important;
  -webkit-text-fill-color:#071c2d!important;
  box-shadow:0 9px 22px rgba(30,117,103,.12)!important;
  transform:translateY(-1px)!important;
}
body.gg-design-v2 :is(.button-light,.button-secondary,.button-ghost,.button-quiet):focus-visible,
body.gg-refined :is(.button-light,.button-secondary,.button-ghost,.button-quiet):focus-visible{
  outline:3px solid rgba(67,206,181,.28)!important;
  outline-offset:3px!important;
  border-color:#248a7b!important;
}

/* Stage-aware pricing actions: color supports meaning, not decoration. */
body.gg-design-v2 .stage-position-card>.button-light,
body.gg-refined .stage-position-card>.button-light{
  background:#fff7e5!important;border-color:#d8b86b!important;color:#694809!important;-webkit-text-fill-color:#694809!important;
}
body.gg-design-v2 .stage-position-card>.button-light:hover,
body.gg-refined .stage-position-card>.button-light:hover{
  background:#ffedc4!important;border-color:#b37a12!important;color:#553803!important;-webkit-text-fill-color:#553803!important;box-shadow:0 9px 22px rgba(179,122,18,.13)!important;
}
body.gg-design-v2 .stage-build-card>.button-light,
body.gg-refined .stage-build-card>.button-light{
  background:#eaf8f5!important;border-color:#86cfc4!important;color:#075f58!important;-webkit-text-fill-color:#075f58!important;
}
body.gg-design-v2 .stage-build-card>.button-light:hover,
body.gg-refined .stage-build-card>.button-light:hover{
  background:#d7f1ec!important;border-color:#08796f!important;color:#064f49!important;-webkit-text-fill-color:#064f49!important;box-shadow:0 9px 22px rgba(8,121,111,.13)!important;
}
body.gg-design-v2 .stage-activate-card>.button-light,
body.gg-refined .stage-activate-card>.button-light{
  background:#f3f0ff!important;border-color:#b8afe3!important;color:#4f3f8b!important;-webkit-text-fill-color:#4f3f8b!important;
}
body.gg-design-v2 .stage-activate-card>.button-light:hover,
body.gg-refined .stage-activate-card>.button-light:hover{
  background:#e8e2ff!important;border-color:#6250a6!important;color:#443579!important;-webkit-text-fill-color:#443579!important;box-shadow:0 9px 22px rgba(98,80,166,.14)!important;
}

/* Dark surfaces retain a translucent relationship instead of turning light. */
body.gg-design-v2 :is(.hero,.page-hero,.section-dark,.cta-contact-panel,.clarity-final-panel,.case-panel,.diagram,.dark-band,.bookkeeping-cta) :is(.button-light,.button-secondary,.button-ghost,.button-quiet),
body.gg-refined :is(.hero,.page-hero,.section-dark,.cta-contact-panel,.clarity-final-panel,.case-panel,.diagram,.dark-band,.bookkeeping-cta) :is(.button-light,.button-secondary,.button-ghost,.button-quiet){
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.30)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}
body.gg-design-v2 :is(.hero,.page-hero,.section-dark,.cta-contact-panel,.clarity-final-panel,.case-panel,.diagram,.dark-band,.bookkeeping-cta) :is(.button-light,.button-secondary,.button-ghost,.button-quiet):hover,
body.gg-refined :is(.hero,.page-hero,.section-dark,.cta-contact-panel,.clarity-final-panel,.case-panel,.diagram,.dark-band,.bookkeeping-cta) :is(.button-light,.button-secondary,.button-ghost,.button-quiet):hover{
  background:rgba(67,206,181,.14)!important;
  border-color:rgba(85,216,193,.72)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 9px 22px rgba(0,0,0,.14)!important;
}

/* Editorial book hero is light, so use the neutral light-surface state. */
body.gg-design-v2.page-clarity-os .clarity-hero :is(.button-light,.button-secondary,.button-ghost,.button-quiet),
body.gg-refined.page-clarity-os .clarity-hero :is(.button-light,.button-secondary,.button-ghost,.button-quiet){
  background:#edf3f5!important;border-color:#9db0bc!important;color:#0a1b2f!important;-webkit-text-fill-color:#0a1b2f!important;
}
body.gg-design-v2.page-clarity-os .clarity-hero :is(.button-light,.button-secondary,.button-ghost,.button-quiet):hover,
body.gg-refined.page-clarity-os .clarity-hero :is(.button-light,.button-secondary,.button-ghost,.button-quiet):hover{
  background:#dfecea!important;border-color:#4a9f90!important;color:#071c2d!important;-webkit-text-fill-color:#071c2d!important;
}