/*
 * AUTOS v2 — Base styles
 *
 * Estilos universais aplicados ao body e elementos base.
 * Consumir sempre via tokens (--au-*).
 */

body {
    font-family: var(--au-font-sans);
    font-size: 14px;
    color: var(--au-ink-700);
    background: var(--au-bg);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--au-font-serif);
    color: var(--au-ink-900);
    font-weight: 600;
    line-height: 1.3;
}

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }

code, pre {
    font-family: var(--au-font-mono);
    font-size: 13px;
}

/* ── Scrollbar ── suavizada, só sombrinha sutil */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.10) transparent;
}

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

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.10);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.22);
}

::-webkit-scrollbar-corner {
    background: transparent;
}

/* ── Selection ── */
::selection {
    background: var(--au-accent-soft);
    color: var(--au-ink-900);
}