@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
}

html.light,
html[data-theme='light'] {
  --background: #ffffff;
  --foreground: #171717;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

html.dark,
html[data-theme='dark'] {
  --background: #0a0a0a;
  --foreground: #ededed;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

.site-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.2rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  white-space: nowrap;
}

.site-logo-mark {
  flex: 0 0 auto;
}

.site-logo-text {
  min-width: 0;
}

@media (max-width: 767px) {
  header nav {
    gap: 0.75rem !important;
    padding-left: max(env(safe-area-inset-left), 1rem) !important;
    padding-right: max(env(safe-area-inset-right), 1rem) !important;
  }

  .site-logo {
    max-width: calc(100vw - 5.5rem);
    font-size: 1rem;
  }

  .site-logo-text {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  header .nextra-search,
  header nav > a[href="https://github.com/PavanMudigonda/zero-to-ai"],
  header nav > button:not(.nextra-hamburger) {
    display: none !important;
  }

  .nextra-toc {
    display: none !important;
  }
}
