:root{
  /* ---------- Brand core (from the official Hagler signature files) ---------- */
  --hg-preto:#000000;          /* wordmark, primary */
  --hg-cinza:#CCCCCC;          /* official secondary signature */
  --hg-lavanda:#B5A6FF;        /* official accent signature */
  --hg-off-white:#F2F2F2;      /* official ornament fill */
  --hg-branco:#FFFFFF;

  /* ---------- Neutral ramp (derived from #000 / #CCC / #F2F2F2) ---------- */
  --hg-n-0:#FFFFFF;
  --hg-n-50:#F8F7F6;
  --hg-n-100:#F2F2F2;
  --hg-n-200:#E4E3E1;
  --hg-n-300:#CCCCCC;
  --hg-n-400:#A8A6A3;
  --hg-n-500:#7D7B78;
  --hg-n-600:#575553;
  --hg-n-700:#3A3937;
  --hg-n-800:#232221;
  --hg-n-900:#141312;
  --hg-n-1000:#000000;

  /* ---------- Lavanda ramp (derived from #B5A6FF) ---------- */
  --hg-lavanda-100:#F0EDFF;
  --hg-lavanda-200:#DFD8FF;
  --hg-lavanda-300:#CBBFFF;
  --hg-lavanda-500:#B5A6FF;
  --hg-lavanda-700:#7C6AD8;
  --hg-lavanda-900:#41358A;

  /* ---------- Areia: warm surface tint read from brand photography ---------- */
  --hg-areia-100:#F4F0EA;
  --hg-areia-200:#EDE8E1;
  --hg-areia-400:#D8CFC2;

  /* ---------- Semantic status (muted, fashion-neutral) ---------- */
  --hg-sucesso:#2F6B4F;
  --hg-atencao:#9A6B1E;
  --hg-erro:#A32B2B;
  --hg-info:var(--hg-lavanda-700);

  /* ---------- Semantic aliases: text ---------- */
  --text-strong:var(--hg-n-1000);
  --text-body:var(--hg-n-800);
  --text-muted:var(--hg-n-500);
  --text-faint:var(--hg-n-400);
  --text-inverse:var(--hg-off-white);
  --text-accent:var(--hg-lavanda-700);
  --text-link:var(--hg-n-1000);
  --text-link-hover:var(--hg-lavanda-700);

  /* ---------- Semantic aliases: surfaces ---------- */
  --surface-page:var(--hg-branco);
  --surface-muted:var(--hg-n-100);
  --surface-warm:var(--hg-areia-200);
  --surface-card:var(--hg-branco);
  --surface-ink:var(--hg-n-1000);
  --surface-ink-soft:var(--hg-n-900);
  --surface-accent:var(--hg-lavanda-500);
  --surface-accent-soft:var(--hg-lavanda-100);

  /* ---------- Semantic aliases: borders ---------- */
  --border-hairline:var(--hg-n-200);
  --border-subtle:var(--hg-n-300);
  --border-strong:var(--hg-n-1000);
  --border-inverse:rgba(242,242,242,.28);

  /* ---------- Semantic aliases: actions ---------- */
  --action-primary-bg:var(--hg-n-1000);
  --action-primary-fg:var(--hg-off-white);
  --action-primary-bg-hover:var(--hg-n-700);
  --action-secondary-fg:var(--hg-n-1000);
  --action-secondary-border:var(--hg-n-1000);
  --action-secondary-bg-hover:var(--hg-n-100);
  --action-accent-bg:var(--hg-lavanda-500);
  --action-accent-fg:var(--hg-n-1000);
  --action-accent-bg-hover:var(--hg-lavanda-300);
  --action-disabled-bg:var(--hg-n-200);
  --action-disabled-fg:var(--hg-n-400);
  --focus-ring:var(--hg-lavanda-700);
}