/* =========================================
   VARIABLES
   Tokens de design: cores, fontes, espaçamentos, bordas, sombras
   Toda decisão de design vive aqui. Nunca repita um valor em dois lugares.
   ========================================= */

/* ── DM Sans — fonte local ───────────────────────────────────── */
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }

:root {
    /* Cores */
    --blue:      #2563eb;
    --blue-dark: #1d4ed8;
    --blue-soft: #eff6ff;
    --blue-mid:  #dbeafe;
    --text:      #1a2634;
    --text-mid:  #374151;
    --text-soft: #6c7a91;
    --border:    #eef2f6;
    --bg:        #f8fafc;
    --white:     #ffffff;

    /* Fontes */
    --fonte-titulo: 'DM Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --fonte-corpo:  'DM Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

    /* Espaçamentos e bordas */
    --espacamento-base: 1rem;
    --radius:    14px;
    --shadow:    0 4px 24px rgba(37,99,235,0.08);
    --shadow-lg: 0 16px 48px rgba(15,23,42,0.12);
}