/* Bangboo — tokens (origem: arquivos/tokens/*.css + arquivos/styles.css) */
:root {
  /* Cores principais */
  --bb-black: #000000;
  --bb-gray: #e6e6e6;
  --bb-pink: #ff008c;
  /* Cores secundárias — usos pontuais (numerações, marcadores, detalhes) */
  --bb-orange: #ff7500;
  --bb-blue: #3700ff;
  --bb-green: #00c500;

  /* Semânticas (fundo escuro é o padrão do site) */
  --bg-page: var(--bb-black);
  --bg-light: var(--bb-gray);
  --surface: rgba(230, 230, 230, 0.05);
  --surface-strong: #0c0c0c;
  --text: var(--bb-gray);
  --text-muted: rgba(230, 230, 230, 0.55);
  --text-faint: rgba(230, 230, 230, 0.4);
  --text-on-light: var(--bb-black);
  --accent: var(--bb-pink);
  /* Rosa escurecido para texto sobre fundo claro (#e6e6e6): o rosa puro dá 2,99:1; este dá 4,53:1 (WCAG AA). */
  --accent-on-light: #c9006f;
  --line: rgba(230, 230, 230, 0.12);
  --line-strong: rgba(230, 230, 230, 0.2);
  --line-btn: rgba(230, 230, 230, 0.35);

  /* Tipografia */
  --font-display: 'Playfair Display', Georgia, serif; /* sempre itálico, só para ênfase */
  --font-sans: 'Libre Franklin', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --text-hero: clamp(48px, 6.6vw, 112px);
  --text-h2: clamp(44px, 4.6vw, 72px);
  --text-h2-sm: clamp(40px, 4vw, 60px);
  --text-h3: 28px;
  --text-body: 18px;
  --text-small: 14px;
  --text-label: 12px; /* selos: uppercase, letter-spacing 0.14–0.16em */
  --leading-tight: 1.02;
  --leading-body: 1.6;

  /* Forma (ref. flu.ke: tudo arredondado) */
  --radius-pill: 999px;
  --radius-card: 28px;
  --radius-media: 36px;
  --radius-hero: 44px;

  /* Espaçamento */
  --space-section: 120px;
  --space-card: 32px;
  --gutter: 60px;
  --container: 1360px;
  --container-md: 1100px;
  --container-sm: 1000px;
  --container-xs: 940px;

  /* Movimento */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --marquee-duration: 80s;
  --banner-duration: 20s;
}