/* ============================================================
   TOKENS GLOBAIS — cores, espaçamentos, tipografia
   Extraído de index.html e noticias.html (blocos 1)
   ============================================================ */

:root {
  /* Cores — dark theme */
  --dark-bg: #071523;
  --dark-nav-bg: rgba(var(--dark-bg-rgb), 0.74);
  --dark-nav-bg-open: rgba(var(--dark-bg-rgb), 0.97);

  /* Cores — accent (cyan) */
  --accent-primary: #38b6d9;
  --accent-light: #6fd3ef;

  /* Triplas RGB — a opacidade é escrita no lugar de uso:
     rgba(var(--accent-rgb), 0.3). Evita repetir o trio de números
     e mantém uma definição só por cor. */
  --accent-rgb: 56, 182, 217;
  --accent-light-rgb: 111, 211, 239;
  --accent-deep-rgb: 35, 145, 180;
  --amber-rgb: 217, 154, 43;
  --green-rgb: 46, 158, 107;
  --navy-rgb: 18, 58, 94;
  --dark-bg-rgb: 7, 21, 35;
  --text-light-rgb: 233, 243, 249;

  /* Cores — text */
  --text-light: #e9f3f9;
  --text-muted: #a7bccb;
  --text-dark: #04121f;
  --text-selection: #04101c;

  /* Cores — scrollbar & borders */
  --scrollbar-thumb: #1c5a75;
  --scrollbar-thumb-dark: #123a52;
  --scrollbar-thumb-hover: #2a7d9e;
  --scrollbar-track: #061220;

  /* Cores — overlay/float */
  --wa-float-bg: rgba(9, 28, 48, 0.85);
  --wa-float-shadow: rgba(3, 12, 22, 0.9);

  /* Fundo da página de notícias (zona clara ocupa a página inteira) */
  --light-bg: #eef1f4;

  /* Tipografia */
  --font-archivo: 'Archivo', sans-serif;
  --font-sora: 'Sora', sans-serif;

  /* Espaçamento */
  --spacing-sm: 0.55rem;
  --spacing-xl: 1.25rem;
  --spacing-2xl: 1.4rem;

  /* Padding inline */
  --pad-inline: clamp(1.25rem, 4vw, 3rem);

  /* Tamanhos */
  --nav-height: 64px;
  --scroll-padding-top: 84px;

  /* Raios */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-full: 50%;

  /* Transições */
  --transition-fast: 0.2s;
  --transition-normal: 0.25s;
  --transition-slow: 0.3s;

  /* Z-index */
  --z-skip-link: 100;
  --z-nav: 50;
  --z-read-progress: 60;
  --z-wa-float: 40;
}