/* Five colors, always at full value. No gradients, no tints, no shades. */
:root {
  /* base — light theme */
  --ink: #111111;
  --surface: #f9f9f9;
  --surface-warm: #e6e4de;
  --red: #a72828;
  --lime: #d7ff01;
  --on-accent: #f9f9f9;
  --on-lime: #111111;

  /* raw values, theme-independent, for the rare case a fixed value is needed */
  --preto: #111111;
  --branco: #f9f9f9;
  --off-white: #e6e4de;

  /* semantic aliases */
  --text-primary: var(--ink);
  --text-accent: var(--red);
  --text-on-accent: var(--on-accent);
  --text-on-lime: var(--on-lime);
  --surface-page: var(--surface);
  --surface-alt: var(--surface-warm);
  --surface-accent: var(--red);
  --surface-lime: var(--lime);
  --border-default: var(--ink);
  --border-accent: var(--red);
  --focus-ring: var(--red);
}

[data-theme="dark"] {
  --ink: #f9f9f9;
  --surface: #111111;
  --surface-warm: #111111;
  --border-default: var(--ink);
}