:root{
  /* base — 5 cores oficiais */
  --atimos-cream:#fffaf3;
  --atimos-beige:#decfb7;
  --atimos-mustard:#efc365;
  --atimos-red:#d9312b;
  --atimos-black:#000000;
  /* derivadas (hover/pressed/borda) */
  --atimos-red-light:#e05651;
  --atimos-red-dark:#b22823;
  --atimos-mustard-light:#f2ce81;
  --atimos-mustard-dark:#c4a053;
  --atimos-beige-light:#e4d8c4;
  --atimos-beige-dark:#b6aa96;
  --atimos-black-soft:#2e2e2e;
  /* semânticos */
  --color-bg:var(--atimos-cream);
  --color-bg-elevated:var(--atimos-beige);
  --surface-card:var(--atimos-cream);
  --surface-accent:var(--atimos-mustard);
  --text-body:var(--atimos-black);
  --color-text-primary:var(--atimos-black);
  --color-text-secondary:var(--atimos-black-soft);
  --color-text-inverse:var(--atimos-cream);
  --color-accent:var(--atimos-mustard);
  --color-accent-hover:var(--atimos-mustard-light);
  --color-accent-active:var(--atimos-mustard-dark);
  --color-brand-red:var(--atimos-red);
  --color-brand-red-hover:var(--atimos-red-light);
  --color-brand-red-active:var(--atimos-red-dark);
  --color-border:var(--atimos-beige-dark);
  --color-border-dashed:var(--atimos-black-soft);
}