@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300;400;500;600;700&display=swap');

:root {
    --font-ui: clamp(13px, 1.6vh, 17px);

    /* ---------- cores do sistema ---------- */
    --bg: #f5f6f7;
    --card-bg: #ffffff;
    --text: #0f172a;
    --muted: #475569;
    --line: #e5e7eb;
    --ring: rgba(0,0,0,.06);
    --shadow: 0 1.6vw 3vw rgba(0,0,0,.04);
    --primary: #2563eb;
    --secondary: #7c3aed;
    --badge-fg: #ffffff;

    /* ---------- layout & espaçamento ---------- */
    --gutter-inline: clamp(16px, 6vw, 96px);
    --gap: clamp(12px, 2vw, 28px);
    --radius: clamp(12px, 1.2vw, 18px);
    --pad-card: clamp(12px, 2.2vw, 24px);

    /* ---------- tipografia padrão ---------- */
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    --tv-fs-l1: 2.3vh;
    --tv-fs-l2: 2.0vh;
    --tv-fs-l3: 1.8vh;

    --tv-fw-l1: 700;
    --tv-fw-l2: 600;
    --tv-fw-l3: 500;

    /* ---------- cores utilitárias ---------- */
    --verde: #007A3D;
    --vermelho: #B3261E;
    --azul: #1E40AF;
    --cinza-elementos: #4a4a4d;

    /* ---------- base dre mobile: mínimo 3.5rem, ideal ~7vh, máximo 4.5rem ---------- */
    --dre-bottom-base-mobile: clamp(3.5rem, 7vh, 4.5rem);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Lexend Deca', sans-serif;
}

body {
    background: #f5f6fa;
    color: #222;
}