@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap');
@import "tailwindcss";

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-poppins: "Poppins", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  
  --color-primary: #000000;
  --color-accent: #353526;
  --color-bg: #f8f8f5;
}

:root {
    --primary: #000000;
    --dark: #3B3B3B;
    --accent: #353526;
    --bg: #f8f8f5;
    --card: #ffffff;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
    overflow-x: hidden;
}

.font-poppins { font-family: 'Poppins', sans-serif; }
.font-inter { font-family: 'Inter', sans-serif; }

/* Header Inclusion Fix */
[data-include] {
    display: contents;
}

/* Custom Glassmorphism */
.glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Hover Effects */
.hover-lift {
    transition: transform 0.3s ease, shadow 0.3s ease;
}
.hover-lift:hover {
    transform: translateY(-5px);
}

/* Smooth Section Transitions */
.section-bg {
    background-color: var(--bg);
}

/* Perspective for mockups */
.perspective-1000 {
    perspective: 1000px;
}
.rotate-x-12 {
    transform: rotateX(12deg);
}

/* Custom Checkbox for Pricing */
#pricing-toggle:checked ~ .price-monthly { display: none; }
#pricing-toggle:not(:checked) ~ .price-yearly { display: none; }

/* Hide scrollbar utility */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Accordion Styles */
.accordion-content {
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    transition: all 0.3s ease-out;
}

.accordion-content.active {
    /* Padding and maxHeight handled by JS for smooth animation */
}

/* Knowledge Base — code blocks (also inlined per article; kept here as fallback) */
.kb-prose pre {
    background: #1a1a18;
    color: #e8e8e3;
    padding: 1rem 1.25rem;
    border-radius: 1rem;
    overflow-x: auto;
    font-size: 0.85rem;
    line-height: 1.65;
    border: 1px solid #2e2e2a;
}
.kb-prose pre code,
.kb-prose pre code[class*="language-"] {
    background: transparent !important;
    color: #e8e8e3 !important;
    padding: 0 !important;
    border-radius: 0;
    font-size: inherit;
    font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;
}
.kb-prose pre code span,
.kb-prose pre span {
    background: transparent !important;
    color: inherit !important;
}
.kb-prose :not(pre) > code,
.kb-prose p code,
.kb-prose li code,
.kb-prose td code {
    background: #ebebe5;
    color: #1a1a18;
    padding: 0.15rem 0.35rem;
    border-radius: 0.25rem;
    font-size: 0.9em;
    font-family: ui-monospace, Menlo, Consolas, monospace;
}