:root{
  --tc-primary: #119ED5;
  --tc-primary-hover: #0D7BA6;
  --tc-primary-dark: #0A5F80;
  --tc-primary-light: #2BB7EE;

  --tc-dark: #0b1320;
  --tc-muted: #6c757d;

  /* Bootstrap tokens */
  --bs-primary: #119ED5;
  --bs-link-color: #119ED5;
  --bs-link-hover-color: #0D7BA6;
}
body{scroll-behavior:smooth;}
.navbar-brand{font-weight:700; letter-spacing:.2px;}
.hero{
  background: radial-gradient(1200px 600px at 10% 10%, rgba(17,158,213,.18), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(32,201,151,.14), transparent 55%),
              linear-gradient(180deg, #0b1320 0%, #0b1320 55%, #0d0f14 100%);
  color:#fff;
}
.hero .badge{background: rgba(255,255,255,.14);}
.hero h1{font-weight:800;}
.hero .lead{color: rgba(255,255,255,.78);}
.section-title{font-weight:800;}
.card{border: 1px solid rgba(13, 110, 253, .12);}
.card:hover{border-color: rgba(17,158,213,.35);}
.kpi{
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
}
.footer{
  background: #0b1320;
  color: rgba(255,255,255,.75);
}
.footer a{color: rgba(255,255,255,.85);}
.small-muted{color: var(--tc-muted);}
.skip-link{
  position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden;
}
.skip-link:focus{
  left: 1rem; top: 1rem; width:auto; height:auto; padding:.5rem .75rem;
  background:#fff; color:#000; z-index:9999; border-radius:.5rem;
}
.tc-cookie-banner{
  position: fixed;
  left: 1rem; right: 1rem; bottom: 1rem;
  z-index: 9999;
  display:none;
}
.tc-cookie-card{
  max-width: 920px;
  margin: 0 auto;
  border-radius: 1rem;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 35px rgba(0,0,0,.18);
}
.tc-cookie-card .accordion-button:focus{box-shadow:none;}
.tc-cookie-badge{
  font-size: .75rem;
  background: rgba(17,158,213,.12);
  color: #0d6efd;
  border: 1px solid rgba(17,158,213,.22);
  border-radius: 999px;
  padding: .2rem .55rem;
}

/* TeleCare brand button overrides */
.btn-primary{
  --bs-btn-bg: var(--tc-primary);
  --bs-btn-border-color: var(--tc-primary);
  --bs-btn-hover-bg: var(--tc-primary-hover);
  --bs-btn-hover-border-color: var(--tc-primary-hover);
  --bs-btn-active-bg: var(--tc-primary-dark);
  --bs-btn-active-border-color: var(--tc-primary-dark);
}
.btn-outline-primary{
  --bs-btn-color: var(--tc-primary);
  --bs-btn-border-color: var(--tc-primary);
  --bs-btn-hover-bg: var(--tc-primary);
  --bs-btn-hover-border-color: var(--tc-primary);
  --bs-btn-active-bg: var(--tc-primary-dark);
  --bs-btn-active-border-color: var(--tc-primary-dark);
}
