/* ==========================================================================
   TOKENS DO TEMA "DE SOLA" (copiados do gilrodenoticias/styles.css)
   Variáveis CSS atravessam o Shadow DOM dos componentes do design system.
   ========================================================================== */
:root {
  /* Cores principais */
  --bg-yellow: #F0C400;
  --bg-yellow-bright: #FFDC00;
  --accent-yellow: #FED000;
  --dark-black: #121212;
  --panel-bg: #FFFFFF;
  --card-bg: #F8F9FA;
  --border-color: #121212;
  --text-primary: #121212;
  --text-muted: #555555;

  /* Destaque e ação */
  --btn-green: #2ECC71;
  --btn-green-hover: #27AE60;
  --btn-danger: #E74C3C;
  --btn-danger-hover: #C0392B;
  --btn-blue: #2980B9;
  --btn-blue-hover: #1F618D;

  /* Dimensões e espaçamentos */
  --border-radius-sm: 8px;
  --border-radius-md: 12px;
  --border-radius-lg: 20px;
  --border-width-thick: 4px;
  --border-width-standard: 2px;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* Fontes */
  --font-heading: 'Bebas Neue', impact, sans-serif;
  --font-body: 'Montserrat', sans-serif;

  /* Sombras "pop" estilo quadrinhos */
  --box-shadow-pop: 5px 5px 0px #121212;
  --box-shadow-pop-sm: 3px 3px 0px #121212;
  --box-shadow-pop-hover: 7px 7px 0px #121212;

  color-scheme: light;
}