/* AKI Color Palette  */

.aki-navy { background-color: #213744; }       /* dark navy */
.aki-steelblue { background-color: #2C5370; }  /* steel blue */
.aki-blue { background-color: #007AFF; }       /* bright blue */
.aki-cyan { background-color: #00C2DA; }       /* cyan */
.aki-light-green { background-color: #C5E5C7; }/* pastel green */
.aki-yellow { background-color: #FFBC44; }     /* warm yellow */
.aki-red { background-color: #EF6868; }        /* coral red */
.aki-blackish { background-color: #1D1D1D; }   /* near black */
.aki-gray { background-color: #888888; }       /* medium gray */
.aki-light-gray { background-color: #E7E7E7; } /* light gray */
.aki-offwhite { background-color: #F5F5F5; }   /* off white */
.aki-magenta { background-color: #E600FF; }    /* pure magenta */
.aki-pink { background-color: #DF68EF; }       /* pastel pink */
.aki-dark-red { background-color: #D55151; }   /* dark red */
.aki-skyblue { background-color: #4FBFD7; }    /* sky blue */
.aki-brown { background-color: #d59321; }      /* brownish orange */
.aki-olive { background-color: #75845e; }      /* olive green */
.aki-purple { background-color: #b17ece; }     /* lavender purple */
.aki-forest { background-color: #7ba278; }     /* forest green */
.aki-rose { background-color: #d9677c; }       /* rose pink */
.aki-mauve { background-color: #845e6e; }      /* mauve */
.aki-blue { background-color: #4FBFD7; }       /* soft blue */
.aki-darkblue { background-color: #263743; }   /* deep blue */
.aki-orange { background-color: #F6BE5C; }     /* golden orange */
.aki-green { background-color: #CBE4C9; }      /* muted mint green */
.aki-dark-gray { background-color: #222; }     /* charcoal gray */

/* Base AKI text color classes */
.text-aki-blue {
    color: #4FBFD7; 
}
.text-aki-cyan {
    color: #00C2DA; 
}

.hover-aki-darkblue:hover {
  background-color: #263743;
}



/* Custom Scrollbar Styles for Navigation */
.custom-nav-scrollbar::-webkit-scrollbar {
    width: 5px;
}

.custom-nav-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-nav-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2); 
    border-radius: 4px;
}

.custom-nav-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.4); /* slightly brighter on hover */
}

/* Firefox */
.custom-nav-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}



/* Style of API Server ( OLD ) */
body {
  margin: 0;
  font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
  color: #263743;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: 1px;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    margin-top: 1rem;
}

#integrationExamples a {
  font-weight: bold;
  color: #4FBFD7;
}
p {
  margin: 0 0 10px;
  line-height: 1.5;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

code[class*="language-"],
pre[class*="language-"] {
	font-size: 0.9rem !important;
	line-height: 1.3 !important;
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
  color: #9a6e3a;
  background: initial !important;
}
pre[class*="language-"] {
  padding: 1rem 1rem 0 1rem !important;
  margin: 1em 0 !important;
  border-radius: 0.5em !important;
}
.token.keyword {
    color: #c678dd;
}
pre[class*="language-"] {
  padding: 1em 1.25em;
}

pre[class*="language-"] > code {
  padding: 0;
  line-height: inherit;
}

/* Base background colors */
.bg-base-200 { background-color: #f9fafb; }
.bg-base-100 { background-color: #ffffff; }

/* Text colors */
.text-base-content { color: #1f2937; }
.hover\:text-primary:hover { color: #00C2DA; }
.text-primary { color: #00C2DA; }

/* Border colors */
.border-base-200 { border-color: #e5e7eb; }

/* Button styles */
.btn-gradient {
  background: linear-gradient(to right, #00C2DA, #007AFF);
  color: white;
  border-radius: 9999px;
  padding: 0.5rem 1rem;
  font-weight: bold;
  transition: all 0.2s;
}

/* Shadow */
.shadow-y-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* New TopNav Classes */

.color-base-100 {
  color: #05496B !important;
}

.bg-base-50 {
  background-color: #09353d;
}

.bg-aki-100,
.bg-base-100 {
  background-color: #05496B !important;
}
.bg-aki-100\/50,
.bg-base-100\/50 {
  background-color: color-mix(in oklab, #05496B 50%, transparent);
}

.bg-aki-200,
.bg-base-200 {
  background-color: #2A6099 !important;
}
.bg-aki-200\/50,
.bg-base-200\/50 {
  background-color: color-mix(in oklab, #2A6099 50%, transparent);
}
.bg-aki-200\/70,
.bg-base-200\/70 {
  background-color: color-mix(in oklab, #2A6099 70%, transparent);
}

.base-content {
  color: #fff;
}

.text-base-content {
  color: #fff;
}
.text-base-content\/70 {
  color: color-mix(in oklab, #fff 70%, transparent);
}

.primary {
  color: rgb(235, 255, 102);

}

.text-primary {
  font-family: Inter, sans-serif;
  font-size: 17.6px;
  height: 26.3984px;
  line-height: 26.4px;
  color: rgb(235, 255, 102);
}

.hover\:text-primary:hover {
  color: rgb(235, 255, 102);
}

.border-base-200 {
    border-color: #2a6099;
}

.shadow-y-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.btn-gradient {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to right, rgb(185, 255, 102), rgb(153, 204, 255));
  border-radius: 4.4px;
   color: #05496B !important;
   font-size:13.2px;
}

.btn-gradient:hover {
  opacity: 0.9;
}

.btn svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
  top: -2px;
}

nav .text-base-content {
  font-size: 17.6px;
  font-weight: 500;
}

nav .text-base-content:hover {
  color: rgb(235, 255, 102);
}

.h-15 {
    height: 66px;
}


/* API DOCS */

#tab_api {
  /* API Parameter Documentation - Structure: [(p,b),p] */

  /* Parameter titles (p containing b) */
  p:has(> b) {
    color: #00c2da;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    font-size: 0.95rem;
    margin-top: 0.2rem;
    margin-bottom: 0.25rem;
  }

  p:has(> b) b {
    color: #2A6099;
    font-weight: 700;
  }

  p:has(> b) a {
    color: #00C2DA;
    text-decoration: none;
  }

  p:has(> b) a:hover {
    text-decoration: underline;
  }

  /* Parameter descriptions (p following a title block) */
  p:has(> b) + p {
    color: #888888;
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
    margin-bottom: 1rem;
    line-height: 1.6;
  }

  p:has(> b) + p a {
    color: #00C2DA;
    text-decoration: none;
  }

  p:has(> b) + p a:hover {
    text-decoration: underline;
  }

  /* Section labels (p with class="label") */
  p.label {
    color: #263743;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    border-bottom: 2px solid #E7E7E7;
    padding-bottom: 0.5rem;
  }

  a {
    color: rgb(247 107 204);
    font-weight: 500;
    text-decoration: underline;
  }
}