/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&display=swap');

/* You can override the default Infima variables here. */
:root {
  /* Custom accent color #FF3B30 */
  --ifm-color-primary: #FF3B30;
  --ifm-color-primary-dark: #e6352a;
  --ifm-color-primary-darker: #d93227;
  --ifm-color-primary-darkest: #b32a20;
  --ifm-color-primary-light: #ff4f46;
  --ifm-color-primary-lighter: #ff5c54;
  --ifm-color-primary-lightest: #ff7670;
  --doc-sidebar-width: 230px!important;
  
  
  /* Font settings */
  --ifm-font-family-base: 'Kumbh Sans', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
  /* Adjusted accent color for dark mode */
  --ifm-color-primary: #ff5c54;
  --ifm-color-primary-dark: #ff4f46;
  --ifm-color-primary-darker: #ff453c;
  --ifm-color-primary-darkest: #e6352a;
  --ifm-color-primary-light: #ff6962;
  --ifm-color-primary-lighter: #ff736c;
  --ifm-color-primary-lightest: #ff8a85;
  --ifm-background-color: #0e0e0e;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.2);
}

/* Apply fonts to specific elements */
body {
  font-family: var(--ifm-font-family-base);
 
}
button {
  font-family: var(--ifm-font-family-base);
  font-weight: 800!important;
}

input {
  font-family: var(--ifm-font-family-base);
  font-weight: 600!important;
}

.navbar__title{
  display: none;
}

h1, h2, h3, h4, h5, h6,
.navbar__title,
.hero__title,
.hero__subtitle {
  font-family: var(--ifm-heading-font-family);
  font-weight: 600;
}


/* Enhanced heading styles */
h1 {
  font-weight: 700;
}

h2 {
  font-weight: 600;
}

/* Navbar title styling */
.navbar__title {
  font-weight: 700;
  font-size: 1.25rem;
}

/* Hero section styling */
.hero__title {
  font-weight: 800;
}

.hero__subtitle {
  font-weight: 500;
}
