[Dúvida] Meu @import não funciona

Quando eu conecto no html com < link rel = "stylesheet"> , funciona mas pelo style.css não consigo. o que eu fiz de errado?

@import url("styles/header.css");

:root { --cor-de-fundo: #EBECEE; --banco: #FFFFFF; }

body { background-color: var(--cor-de-fundo); }

h1 { background-color: white; }