:root {
    /* Azul (menos saturado) */
    --primary: #1D4ED8; /* azul principal (mais “SaaS”) */
    --primary-600: #1E40AF;
    --primary-700: #1E3A8A;
    /* Fundo e superfícies (mais claros) */
    --bg: #F6F8FC; /* mais “soft” */
    --surface: #FFFFFF;
    --surface-2: #F9FBFF;
    /* Texto */
    --text: #0F172A;
    --muted: #64748B;
    /* Bordas e sombra (mais elegante) */
    --border: rgba(15, 23, 42, .08);
    --shadow: 0 12px 32px rgba(15, 23, 42, .08);
    --radius: 14px;
    --radius-sm: 10px;
    --font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

html, body {
    height: 100%;
}

body {
    font-family: var(--font);
    background: var(--bg);
    color: var(--text);
}

.card-sicam {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}