:root {
  /* ---- Marca (amostrada dos PNGs oficiais do logo) ---- */
  --chase-blue: #188ccd;
  --chase-yellow: #ffd100;

  /* ---- Azul ---- */
  --blue-50: #eaf6fc;
  --blue-100: #cde9f7;
  --blue-200: #9bd3ef;
  --blue-300: #5fb6e0;
  --blue-400: #2e9bd4;
  --blue-500: #188ccd;
  --blue-600: #1272a8;
  --blue-700: #0e5a85;
  --blue-800: #0b4463;
  --blue-900: #082f45;

  /* ---- Amarelo ---- */
  --yellow-50: #fff9e0;
  --yellow-100: #fff0b8;
  --yellow-200: #ffe573;
  --yellow-300: #ffda3d;
  --yellow-400: #ffd100;
  --yellow-500: #e6bc00;
  --yellow-600: #b89500;
  --yellow-700: #8a7000;

  /* ---- Neutros (levemente frios) ---- */
  --neutral-0: #ffffff;
  --neutral-25: #fafbfc;
  --neutral-50: #f4f6f8;
  --neutral-100: #e9edf1;
  --neutral-200: #d8dee5;
  --neutral-300: #b9c2cc;
  --neutral-400: #8b96a3;
  --neutral-500: #667180;
  --neutral-600: #48525f;
  --neutral-700: #333b45;
  --neutral-800: #1f252c;
  --neutral-900: #12171c;

  /* ---- Semanticas ---- */
  --success-500: #12874a;
  --success-50: #e6f5ed;
  --warning-500: #b8730a;
  --warning-50: #fdf2e2;
  --danger-500: #c42b2b;
  --danger-50: #fbeaea;
  --info-500: #1272a8;
  --info-50: #eaf6fc;

  /* ---- Aliases semanticos ---- */
  --text-strong: var(--neutral-900);
  --text-body: var(--neutral-700);
  --text-muted: var(--neutral-500);
  --text-subtle: var(--neutral-400);
  --text-on-brand: #ffffff;
  --text-on-yellow: var(--neutral-900);
  --text-link: var(--blue-600);
  --text-link-hover: var(--blue-700);

  --surface-page: var(--neutral-25);
  --surface-card: var(--neutral-0);
  --surface-sunken: var(--neutral-50);
  --surface-brand: var(--blue-500);
  --surface-brand-deep: var(--blue-800);
  --surface-brand-soft: var(--blue-50);
  --surface-accent: var(--yellow-400);
  --surface-accent-soft: var(--yellow-50);

  --border-subtle: var(--neutral-100);
  --border-default: var(--neutral-200);
  --border-strong: var(--neutral-300);
  --border-brand: var(--blue-500);

  --action-primary: var(--blue-500);
  --action-primary-hover: var(--blue-600);
  --action-primary-active: var(--blue-700);
  --action-accent: var(--yellow-400);
  --action-accent-hover: var(--yellow-500);
  --action-accent-active: var(--yellow-600);
  --focus-ring: var(--blue-300);
}