/* Boa Brasil Capital — Color tokens
 * brand-navy and brand-gray are the REAL brand colors, pixel-sampled from the
 * official logo PNG. surface-* and accent-* extend them into a dark theme
 * (inspired by the "Investo" pitch-deck reference). */
:root {
  /* Brand (real) */
  --brand-navy: #1C3869;
  --brand-gray: #5A5B5E;

  /* Dark surfaces */
  --surface-900: #0B1526; /* deepest — cards/slides base */
  --surface-800: #12203D; /* hero / section base */
  --surface-700: #182B4D; /* elevated panel, card hover */

  /* Accent — electric blue */
  --accent-500: #2F6FEB; /* primary CTA, links, glow */
  --accent-400: #4C8CFF; /* hover / active */

  /* Text (on dark) */
  --text-primary: #FFFFFF;
  --text-secondary: #A6B0C8;
  --text-muted: #6B7690;

  /* Borders */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.16);

  /* ---- Semantic aliases ---- */
  --bg-page: var(--surface-800);
  --bg-deep: var(--surface-900);
  --surface-card: var(--surface-900);
  --surface-card-hover: var(--surface-700);
  --text-heading: var(--text-primary);
  --text-body: var(--text-secondary);
  --text-label: var(--text-muted);
  --link: var(--accent-400);
  --link-hover: var(--accent-500);

  /* On light backgrounds (documents, logo-on-white) */
  --text-on-light: var(--brand-navy);
  --text-on-light-muted: var(--brand-gray);

  /* Accent glow (orbs, focus rings) */
  --glow-accent: 0 0 40px rgba(47, 111, 235, 0.5);
  --ring-accent: 0 0 0 3px rgba(47, 111, 235, 0.45);
}