/* =====================================================================
   TEIA — Terapia Espectro Integrada com AI
   Estilo global  (paleta:  #1B2C4E primary)
   ===================================================================== */
:root {
  --teia-primary:  #1B2C4E;
  --teia-primary-2:#2A3F6F;
  --teia-cyan:     #009FD4;
  --teia-teal:     #00A99D;
  --teia-yellow:   #F5B400;
  --teia-pink:     #E8175D;

  --teia-bg:       #F4F6FB;
  --teia-card:     #FFFFFF;
  --teia-text:     #1B2C4E;
  --teia-muted:    #7A86A1;
  --teia-border:   #E6EAF2;
  --teia-radius:   18px;
  --teia-shadow:   0 6px 24px rgba(27,44,78,.06);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  background: var(--teia-bg);
  color: var(--teia-text);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--teia-cyan); text-decoration: none; }
a:hover { text-decoration: underline; }

/* ---- Bootstrap overrides ---- */
.btn-primary {
  background: var(--teia-primary);
  border-color: var(--teia-primary);
}
.btn-primary:hover, .btn-primary:focus {
  background: var(--teia-primary-2);
  border-color: var(--teia-primary-2);
}
.btn-cyan   { background: var(--teia-cyan);   color:#fff; }
.btn-teal   { background: var(--teia-teal);   color:#fff; }
.btn-yellow { background: var(--teia-yellow); color:#1B2C4E; }
.btn-pink   { background: var(--teia-pink);   color:#fff; }
.btn-cyan:hover, .btn-teal:hover, .btn-yellow:hover, .btn-pink:hover { filter: brightness(.95); color:#fff; }

.text-primary-teia { color: var(--teia-primary) !important; }
.bg-primary-teia   { background: var(--teia-primary) !important; }
.bg-cyan-teia      { background: var(--teia-cyan)    !important; color:#fff; }
.bg-teal-teia      { background: var(--teia-teal)    !important; color:#fff; }
.bg-yellow-teia    { background: var(--teia-yellow)  !important; color:#1B2C4E; }
.bg-pink-teia      { background: var(--teia-pink)    !important; color:#fff; }

.card-teia {
  background: var(--teia-card);
  border: 1px solid var(--teia-border);
  border-radius: var(--teia-radius);
  box-shadow: var(--teia-shadow);
}

.badge-soft-cyan   { background: rgba(0,159,212,.12);  color:#0078A0; }
.badge-soft-teal   { background: rgba(0,169,157,.12);  color:#007A70; }
.badge-soft-yellow { background: rgba(245,180,0,.16);  color:#8a6500; }
.badge-soft-pink   { background: rgba(232,23,93,.10);  color:#A40E40; }

/* ---- Inputs ---- */
.form-control, .form-select {
  border-radius: 12px;
  border-color: var(--teia-border);
  padding: .65rem .9rem;
}
.form-control:focus, .form-select:focus {
  border-color: var(--teia-cyan);
  box-shadow: 0 0 0 .2rem rgba(0,159,212,.15);
}
.form-label { color: var(--teia-primary); font-weight:500; }

/* ---- Logo ---- */
.teia-logo {
  font-weight: 800;
  letter-spacing: 1.5px;
  font-size: 1.4rem;
  color: #fff;
}
.teia-logo span { color: var(--teia-cyan); }