/*
 * Design tokens — única fonte de cor e tipografia do site.
 * Camadas, de baixo pra cima (só a de baixo tem valor literal):
 *   1. paleta da marca  → --google-*  (as 4 cores oficiais do logo novo do GDG Campinas)
 *   2. semântica        → trilhas (--ia...), --accent, --live
 *   3. tipografia       → --font-display / --font-body
 * styles.css só consome estes tokens. Trocar a paleta ou a fonte é
 * editar este arquivo (mais o <link> das fontes nas páginas), sem
 * tocar em nenhuma regra de componente.
 * Carrega antes de styles.css.
 */
:root{
  /* neutros e layout */
  --bg: oklch(11% 0.014 260);
  --card-a: oklch(19% 0.017 260);
  --card-b: oklch(15.5% 0.015 260);
  --card-border: oklch(30% 0.02 260);
  --text: oklch(90% 0.01 260);
  --muted: oklch(70% 0.02 260);
  --muted-dim: oklch(62% 0.02 260); /* texto secundário: >= 4.5:1 (WCAG AA) sobre card e fundo */
  --radius: 14px;
  --track-count: 4; /* setado dinamicamente via JS a partir de TRACKS.length */

  /* 1. paleta da marca — hex é fallback pra navegador sem oklch */
  --google-blue: #3186FF;   --google-blue: oklch(63% 0.197 258);
  --google-red: #FC413D;    --google-red: oklch(66% 0.223 27);
  --google-yellow: #FFEC00; --google-yellow: oklch(93% 0.196 104);
  --google-green: #00AF57;  --google-green: oklch(66% 0.176 151);
  --google-purple: #9334E6; --google-purple: oklch(52% 0.24 299);

  /* 2. cor por trilha — usada pelos tokens `color` de cada trilha em schedule.js;
     trocar a cor de uma trilha é apontar pra outro item da paleta, nada mais no CSS depende disso */
  --ia: var(--google-blue);
  --webdata: var(--google-yellow);
  --mobile: var(--google-green);
  --mentoring: var(--google-red);
  --cloudsec: var(--google-purple);

  /* acentos */
  --accent: var(--google-green); /* datas, números, destaques (antes --neon) */
  --amber: var(--webdata);       /* CTAs */
  --live: var(--google-red);     /* dot "AO VIVO" */

  /* 3. tipografia — Google Sans (OFL), hospedada em assets/fonts via css/fonts.css */
  --font-display: "Google Sans", "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-body: "Google Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}