/* theme-ikonity-blue.css
   Drop-in theme to swap red accents to Ikonity blue gradient without changing layout.
   This file should be linked AFTER your main CSS.
*/
:root{
  --ikonity-blue-1:#00C6FF; /* light cyan from logo */
  --ikonity-blue-2:#0072FF; /* deep electric blue from logo */
}

/* Primary buttons & CTA */
.btn-primary,
button.primary,
a.button.primary,
[class*="btn-"][class*="primary"],
.cta .btn-primary{
  background: linear-gradient(90deg, var(--ikonity-blue-1), var(--ikonity-blue-2)) !important;
  color:#fff !important;
  border-color: transparent !important;
  box-shadow: 0 10px 24px rgba(0,114,255,.22) !important;
}
.btn-primary:hover,
button.primary:hover,
a.button.primary:hover,
[class*="btn-"][class*="primary"]:hover{
  filter: saturate(110%) !important;
  transform: translateY(-2px);
}

/* Outline buttons */
.btn-outline, a.btn-outline, button.outline{
  border-color: #d7dbe2 !important;
  color:#0d0f12 !important;
  background:#fff !important;
}
.btn-outline:hover, a.btn-outline:hover, button.outline:hover{
  background:#f2f4f7 !important;
}

/* Links */
a, .link{ color: var(--ikonity-blue-2); }
a:hover{ opacity:.9 }

/* Tags / dots */
.tag .dot, .badge .dot, .pill .dot,
.dot.active, .step .icn, .icn, .number{
  background: linear-gradient(90deg, var(--ikonity-blue-1), var(--ikonity-blue-2)) !important;
  color:#fff;
}

/* Accent rules / underline helpers if present */
.rule--accent, .underline--accent, .accent-bar{
  background: linear-gradient(90deg, var(--ikonity-blue-1), var(--ikonity-blue-2)) !important;
}

/* Optional: gradient numbers/metrics */
.gradient-text, .metrics b{
  background: linear-gradient(90deg, var(--ikonity-blue-1), var(--ikonity-blue-2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* Generic logo size helper (only applied if you add .brand-logo on your img) */
.brand-logo{ height:40px; width:auto }


.brand-logo{height:80px !important;width:auto}