/* ============================================================
   Circi — Theme · Powder Blue + Terracotta
   Soft cornflower powder blue with warm terracotta accent.
   Editorial-medical, premium magazine feel.
   ============================================================ */

:root {
  /* Primary: Powder / cornflower blue */
  --navy:        #2563EB;     /* blue-600 */
  --navy-deep:   #1D4ED8;
  --navy-2:      #3B82F6;
  --navy-3:      #60A5FA;

  /* Ink */
  --ink:         #1E293B;
  --ink-2:       #475569;
  --ink-3:       #94A3B8;

  /* Surfaces — warm cream paired with cool blue */
  --rule:        #E7E2D7;
  --rule-soft:   #F1ECDF;
  --paper:       #FAF6EC;
  --paper-2:     #F2E9D5;
  --surface:     #FFFFFF;
  --surface-2:   #F8F4EA;

  /* Secondary accent: Terracotta */
  --teal:        #C2410C;     /* orange-700 / terracotta */
  --teal-deep:   #9A3412;
  --teal-ink:    #7C2D12;
  --teal-soft:   #FED7AA;

  /* Success: clay sage */
  --success:      #65A30D;
  --success-deep: #4D7C0F;
  --success-soft: #ECFCCB;
  --success-ink:  #365314;
}

/* Avatars */
.directory .card .av.teal,
.testimonials .q-avatar.teal {
  background: linear-gradient(135deg, #EA580C, #9A3412) !important;
  color: #fff !important;
}
.directory .card .av.navy,
.testimonials .q-avatar.navy {
  background: linear-gradient(135deg, #3B82F6, #1D4ED8) !important;
  color: #fff !important;
}
.directory .card .av.plum,
.testimonials .q-avatar.plum {
  background: linear-gradient(135deg, #8B5CF6, #6D28D9) !important;
  color: #fff !important;
}
.testimonials .q-avatar.gold {
  background: linear-gradient(135deg, #D97706, #92400E) !important;
  color: #fff !important;
}
.testimonials .q-avatar.sage {
  background: linear-gradient(135deg, #84CC16, #4D7C0F) !important;
  color: #fff !important;
}

/* Translucent accent mixes */
.site-footer .newsletter .nl-form:focus-within { box-shadow: 0 0 0 4px rgba(194,65,12,0.18); }
.directory .chip.consult { border-color: rgba(194,65,12,0.32); background: var(--teal-soft) !important; color: var(--teal-ink) !important; }
.directory .chip.consult svg { color: var(--teal-deep) !important; }
.trust .pi-ico { background: var(--teal-soft); color: var(--teal-ink); border-color: rgba(194,65,12,0.24); }
.trust .statement-glyph .gtile { background: var(--teal-soft); color: var(--teal-deep); border-color: rgba(194,65,12,0.24); }
.statement-card p.statement-body .em,
.trust p.statement-body .em {
  background: linear-gradient(180deg, transparent 64%, rgba(194,65,12,0.28) 64%) !important;
}

/* Billing chip — soft sage */
.directory .chip.billing {
  background: var(--success-soft) !important;
  color: var(--success-ink) !important;
  border-color: rgba(101,163,13,0.32) !important;
}
.directory .chip.billing svg { color: var(--success-deep) !important; }

/* GP CTA */
.built .col.gp .col-cta .button { background: var(--teal); color: #fff !important; }
.built .col.gp .col-cta .button:hover { background: var(--teal-deep); }

/* Hero sheen */
.hero {
  background:
    radial-gradient(900px 380px at 50% 0%, rgba(96,165,250,0.10), transparent 70%),
    var(--paper);
}

/* Ghost button + footer hairlines */
.btn-ghost { border-color: rgba(37,99,235,0.22) !important; }
.btn-ghost:hover { background: rgba(37,99,235,0.04) !important; }
.site-footer .newsletter {
  border-top-color: rgba(37,99,235,0.10);
  border-bottom-color: rgba(37,99,235,0.10);
}