/* Custom styling for Convexity docs */

/* Brand Colors - Based on #047afb */
:root {
  /* Primary brand colors */
  --vp-c-brand-1: #047afb;  /* Primary brand color */
  --vp-c-brand-2: #3d9cfc;  /* Hover state (lighter) */
  --vp-c-brand-3: #0368d5;  /* Active/pressed state (darker) */
  --vp-c-brand-soft: rgba(4, 122, 251, 0.14);  /* Soft background */
  
  /* Additional semantic colors */
  --vp-c-tip: #047afb;
  --vp-c-tip-soft: rgba(4, 122, 251, 0.12);
}

/* Dark mode brand colors - Adjusted for better contrast on dark backgrounds */
.dark {
  --vp-c-brand-1: #2d92fc;  /* Slightly lighter and more vibrant for dark mode */
  --vp-c-brand-2: #5aadfd;  /* Hover state (lighter) */
  --vp-c-brand-3: #047afb;  /* Active state */
  --vp-c-brand-soft: rgba(45, 146, 252, 0.16);  /* Soft background */
  
  /* Semantic colors for dark mode */
  --vp-c-tip: #2d92fc;
  --vp-c-tip-soft: rgba(45, 146, 252, 0.14);
}

/* Make navigation bar logo larger */
.VPNavBar .logo {
  height: 2.5rem !important;
  width: auto !important;
}

/* Feature Cards - consistent with brand theme */
.VPFeature,
.VPFeature .box,
.VPFeatureBox,
.vp-feature,
.vp-feature .box,
.VPHomeFeatures .box,
.VPHomeFeatures .VPFeature,
.VPHomeFeatures .VPFeatureBox,
.features .feature,
.features .feature .box,
.VPFeatures .VPFeature,
.VPHomeFeatures .VPFeatures .VPFeature,
div[class*="Feature"],
div[class*="feature"],
.VPHome .VPFeatures div {
  border-radius: 0 !important;
}

/* Also target any child elements that might have border-radius */
.VPFeatures *,
.VPHomeFeatures * {
  border-radius: 0 !important;
}