:root{
/* Brand palette (from Identidade Visual Imperial) */
--imperial-white:#FFFFFF;
--imperial-greige:#DBD9D2; /* light warm grey — signature background */
--imperial-taupe:#AEA8A1;  /* mid warm grey — primary brand ink/fill */
/* Derived neutrals (oklch-harmonized with the brand greys) */
--imperial-mist:#F4F3F0;   /* near-white warm surface */
--imperial-stone:#8C867F;  /* deep taupe — hover/borders on taupe */
--imperial-umber:#5C5750;  /* dark taupe — strong text */
--imperial-ink:#3B3733;    /* darkest — headings/body on light */
--imperial-gold:#C9964A;   /* dourado caramelo — destaque/CTA (extraído de peça fornecida) */
--imperial-gold-hover:#B48340; /* gold um passo mais escuro — hover */
/* Semantic aliases */
--surface-page:var(--imperial-white);
--surface-soft:var(--imperial-mist);
--surface-band:var(--imperial-greige);
--surface-card:var(--imperial-white);
--surface-inverse:var(--imperial-taupe);
--text-heading:var(--imperial-ink);
--text-body:var(--imperial-umber);
--text-muted:var(--imperial-stone);
--text-on-inverse:var(--imperial-white);
--accent:var(--imperial-gold);
--accent-hover:var(--imperial-gold-hover);
--accent-muted:var(--imperial-taupe); /* ações discretas/legado */
--border-subtle:#E9E7E2;
--border-strong:var(--imperial-greige);
--focus-ring:rgba(201,150,74,.4);
}
