/* ==========================================================================
   Tipografía — Inter + Manrope + JetBrains Mono
   ========================================================================== */

/* Google Fonts se carga en Assets.php */

body {
    font-family: var(--mm-font-primary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--mm-text);
}

/* --- Headings --- */

h1, .mm-h1 {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: var(--mm-heading);
}

h2, .mm-h2 {
    font-size: clamp(1.5rem, 4vw, 2.5rem);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--mm-heading);
}

h3, .mm-h3 {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
    font-weight: 600;
    line-height: 1.4;
    color: var(--mm-heading);
}

h4, .mm-h4 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--mm-heading);
}

h5, .mm-h5 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--mm-heading);
}

h6, .mm-h6 {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--mm-heading);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* --- Body Text --- */

p {
    margin-bottom: var(--mm-esp-md);
    line-height: 1.6;
}

small, .mm-small {
    font-size: 0.875rem;
    line-height: 1.5;
}

strong, .mm-strong {
    font-weight: 600;
}

/* --- Links --- */

a {
    color: var(--mm-accent);
}

a:hover {
    color: var(--mm-accent-hover);
}

/* --- Code --- */

code {
    font-family: var(--mm-font-mono);
    font-size: 0.875em;
    background: var(--mm-bg-elevated);
    padding: 2px 6px;
    border-radius: 4px;
}

pre {
    font-family: var(--mm-font-mono);
    font-size: 0.875rem;
    line-height: 1.5;
    background: var(--mm-bg-elevated);
    padding: var(--mm-esp-md);
    border-radius: var(--mm-radio-card);
    overflow-x: auto;
    margin-bottom: var(--mm-esp-md);
}

pre code {
    background: none;
    padding: 0;
    font-size: inherit;
}

/* --- Lists --- */

ul, ol {
    padding-left: var(--mm-esp-md);
}

li {
    margin-bottom: var(--mm-esp-xs);
}

/* --- Blockquote --- */

blockquote {
    border-left: 3px solid var(--mm-accent);
    padding-left: var(--mm-esp-md);
    margin: var(--mm-esp-md) 0;
    color: var(--mm-text-secondary);
    font-style: italic;
}

/* --- Selection --- */

::selection {
    background: rgba(17, 197, 217, 0.3);
    color: var(--mm-heading);
}

/* --- Scrollbar (Webkit) --- */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--mm-bg-primary);
}

::-webkit-scrollbar-thumb {
    background: var(--mm-border);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--mm-text-disabled);
}