:root {
  /* ---- Base palette (pulled from MBA Geotecnologias design system) ---- */
  --cnade-cyan-500: #16D9F3;   /* Primária */
  --cnade-cyan-600: #00BCD4;   /* Primária escura / active */
  --cnade-cyan-400: #33E5FA;   /* Accent hover */

  --cnade-black: #111111;
  --cnade-bg-2: #171717;
  --cnade-surface: #1E1E1E;
  --cnade-gray-800: #2F2F2F;
  --cnade-gray-500: #B8B8B8;
  --cnade-gray-200: #D9D9D9;
  --cnade-white: #FFFFFF;

  /* ---- Semantic: surfaces ---- */
  --bg-primary: var(--cnade-black);
  --bg-secondary: var(--cnade-bg-2);
  --surface-card: var(--cnade-surface);
  --surface-raised: var(--cnade-gray-800);

  /* ---- Semantic: text ---- */
  --text-title: var(--cnade-white);
  --text-body: var(--cnade-white);
  --text-secondary: var(--cnade-gray-500);
  --text-disabled: rgba(255, 255, 255, 0.35);

  /* ---- Semantic: borders / dividers ---- */
  --border-default: var(--cnade-gray-800);
  --divider: var(--cnade-gray-800);
  --border-active: rgba(22, 217, 243, 0.35);

  /* ---- Semantic: accent ---- */
  --accent: var(--cnade-cyan-500);
  --accent-hover: var(--cnade-cyan-400);
  --accent-active: var(--cnade-cyan-600);
  --accent-bg: rgba(22, 217, 243, 0.10);
  --accent-border: rgba(22, 217, 243, 0.35);

  /* ---- Shadows ---- */
  --shadow-card: 0 8px 32px rgba(0, 0, 0, .25);
  --shadow-hover: 0 16px 40px rgba(0, 0, 0, .35);
  --shadow-glow-accent: 0 0 24px rgba(22, 217, 243, .35);

  /* ---- Semantic feedback ---- */
  --success: #23C16B;
  --warning: #F5B942;
  --danger: #F04438;
}