/* Design system — tema escuro, fontes arredondadas */

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

:root {
    --font-sans: 'Nunito', 'Quicksand', system-ui, sans-serif;
    --font-display: 'Quicksand', 'Nunito', system-ui, sans-serif;

    /* Tema escuro predominante */
    --bg-dark: #0f0f0f;
    --bg-card: #1a1a1a;
    --bg-elevated: #242424;

    --accent: #3b82f6;
    --accent-hover: #2563eb;
    --accent-soft: rgba(59, 130, 246, 0.15);

    --highlight: #f59e0b;
    --highlight-soft: rgba(245, 158, 11, 0.12);

    --text-primary: #fafafa;
    --text-secondary: #a3a3a3;
    --text-muted: #737373;

    --border: rgba(255,255,255,0.08);
    --shadow: 0 4px 12px rgba(0,0,0,0.4);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
}