* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Times New Roman', Times, serif;
}

html {
    scroll-behavior: smooth;
}

:root {
    --light: #e5e7eb;               /* texto principal (cinza claro) */
    --muted: #c7cad1;               /* texto secundário */
    --accent: #6366f1;              /* azul/violeta moderno */
    --accent-soft: rgba(99,102,241,0.15);

    --glass-bg: rgba(15, 23, 42, 0.55); /* fundo glass */
    --glass-border: rgba(255, 255, 255, 0.15);

    --fallback-bg: #0b1220;          /* fallback do fundo */
}

body {
    background-color: var(--dark);
    color: var(--light);
}

.particles {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.2;

    background:
        radial-gradient(circle at 10% 20%, var(--primary) 0%, transparent 60%),
        radial-gradient(circle at 90% 80%, var(--secondary) 0%, transparent 50%),
        var(--intense-dark);

}