/*
 * AUTOS v2 — Design Tokens
 *
 * Fonte da verdade para cores, tipografia, espaçamento e sombras.
 * Extraído de docs/prototipos/refs/autos-prototipo.html.
 * Todo CSS do projeto consome estes tokens — NUNCA hardcoded.
 *
 * Prefixo obrigatório: --au-*
 */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;450;500;600&display=swap');

:root {
    /* ── Tipografia ── */
    --au-font-serif: 'Fraunces', 'Times New Roman', serif;
    --au-font-sans: 'IBM Plex Sans', system-ui, sans-serif;
    --au-font-mono: 'IBM Plex Mono', 'SF Mono', Consolas, monospace;

    /* ── Fundos ── */
    --au-bg: #f3f1eb;
    --au-bg-panel: #ffffff;
    --au-bg-subtle: #ede9e0;
    --au-bg-hover: #e8e4db;

    /* ── Tinta (texto) ── */
    --au-ink-900: #16130f;
    --au-ink-700: #3a3530;
    --au-ink-500: #67605a;
    --au-ink-400: #86807a;
    --au-ink-300: #aaa39d;
    --au-ink-200: #d0c7b5;
    --au-ink-100: #e8dcd1;

    /* ── Linhas / bordas ── */
    --au-line: #dcd5ca;
    --au-line-strong: #ccc3b5;

    /* ── Acento (terracotta jurídico) ── */
    --au-accent: #7a3e2f;
    --au-accent-soft: #f0e4df;

    /* ── Semânticas ── */
    --au-warn: #b8681a;
    --au-warn-soft: #f7eadb;

    --au-danger: #a8331f;
    --au-danger-soft: #f5e0dc;

    --au-ok: #3d6a4a;
    --au-ok-soft: #e3ebde;

    --au-info: #3a5a7a;
    --au-info-soft: #dfe6ee;

    /* ── Espaçamento (escala 4px) ── */
    --au-space-1: 4px;
    --au-space-2: 8px;
    --au-space-3: 12px;
    --au-space-4: 16px;
    --au-space-5: 20px;
    --au-space-6: 24px;
    --au-space-8: 32px;
    --au-space-10: 40px;
    --au-space-12: 48px;

    /* ── Bordas ── */
    --au-radius-sm: 4px;
    --au-radius: 6px;
    --au-radius-lg: 10px;

    /* ── Sombras ── */
    --au-shadow-sm: 0 1px 2px rgba(26, 24, 22, 0.04), 0 0 0 1px rgba(26, 24, 22, 0.02);
    --au-shadow: 0 1px 2px rgba(26, 24, 22, 0.04), 0 0 0 1px rgba(26, 24, 22, 0.02);
    --au-shadow-lg: 0 12px 32px rgba(26, 24, 22, 0.14), 0 2px 8px rgba(26, 24, 22, 0.08);

    /* ── Layout ── */
    --au-sidebar-w: 240px;
    --au-sidebar-collapsed-w: 60px;
    --au-topbar-h: 52px;
    --au-panel-header-h: 40px;
    --au-layout-max-w: 2200px;
}