:root {
  /* Brand palette (from logo) */
  --color-primary: #4C74E6;          /* principal */
  --color-primary-light: #86A2FA;    /* complementar */
  --color-bg-soft: #F5F7FF;          /* fundo/realce */
  --color-text-secondary: #475569;   /* grafite para texto secundário */

  /* System colors */
  --color-success: #2e7d32;
  --color-danger: #c62828;
  --color-text: #222222;

  /* Derived */
  --color-primary-hover: #3f64cf;
  --link-color: var(--color-primary);
  --link-hover-color: var(--color-primary-hover);

  /* Focus */
  --focus-outline-color: #1a73e8;
  --focus-outline: 2px solid var(--focus-outline-color);

  /* Spacing & radius */
  --radius-sm: 4px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;

  /* Typography */
  --font-family-base: "Helvetica Neue", Arial, sans-serif;
  --font-size-base: 14px;
  --line-height-base: 1.4286;
}