/* Bagagem Dev — design tokens
   Extraídos do portfólio (opgmoraes/pedrodev) para manter a mesma identidade visual. */

:root{
  color-scheme: light only;

  /* superfícies */
  --bg: #FAFAF8;
  --surface: #FFFFFF;
  --surface-2: #F1F0ED;
  --border: #E4E2DD;

  /* texto */
  --text-primary: #111110;
  --text-secondary: #63615C;
  --text-muted: #9C9A94;

  /* acentos coloridos vibrantes (retro) — aplicar em botões, tags, filtros ativos, destaques */
  --accent-yellow: #FFC567;
  --accent-pink: #FB7DA8;
  --accent-red: #FD5A46;
  --accent-purple: #552CB7;
  --accent-green: #00995E;
  --accent-blue: #058CD7;

  /* forma */
  --radius: 10px;
  --radius-card: 14px;
  --radius-lg: 16px;

  /* tipografia */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-serif: 'PT Serif', serif;
}

/* toque editorial — usar com moderação em palavras-chave de headlines */
.serif-accent {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 400;
}