/* Enhanced Typography for JSON Purrser */

/* Logo styling */
.logo-text {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    letter-spacing: -0.03em;
}

/* Panel content typography */
.prose h2 {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.prose h3 {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.prose h4 {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
}

/* Button text */
button, .button {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    letter-spacing: 0.01em;
}

/* Menu items */
nav button, nav a {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
}

/* Form labels */
label {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    letter-spacing: 0.01em;
}

/* Tab labels */
.tab-label {
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* Stats and numbers */
.stat-value {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
}

/* Badges */
.badge {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
}

/* Toast messages */
#toast {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
}

/* Panel titles */
#panelTitle, .panel-title {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    letter-spacing: -0.02em;
}

/* Contact form headings in panel */
.contact-section h4 {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
}

/* Feature list items - slightly bolder */
.prose li {
    font-weight: 400;
}

.prose strong {
    font-weight: 600;
}

/* Code blocks and inline code remain monospace */
code, pre {
    font-family: 'JetBrains Mono', monospace;
}

/* Improved readability */
p {
    line-height: 1.6;
}

/* Link styling */
a {
    font-weight: 500;
}