/*
 * Tokens do Wester Dojo. Única fonte de cor da página (AGENTS.md, regra 5).
 * Cada cor diz de onde saiu: pixel amostrado das artes em docs/material/.
 */
:root {
  /* Fundos — o preto quente das artes (#120303 amostrado em horarios.png) */
  --ink: #0b0707;
  --ink-2: #150d0d;
  --ink-3: #221515;
  --line: rgb(255 255 255 / 0.12);
  --line-strong: rgb(255 255 255 / 0.24);
  --white: #fff;

  /* Claros — os cartões de horário da arte, puxados para um creme */
  --paper: #f6f1ec;
  --paper-2: #ebe3db;
  --line-dark: rgb(23 14 14 / 0.14);

  /* Texto */
  --text: #f6f1ec;          /* sobre --ink: 17,9:1 */
  --text-muted: #b9aba6;    /* sobre --ink: 9,0:1 */
  --text-dark: #170e0e;     /* sobre --paper: 16,9:1 */
  --text-dark-muted: #5a4b48; /* sobre --paper: 7,4:1 */

  /* Marca — vermelho do prédio no mapa e dos selos de horário (#AC040C) */
  --red: #ac040c;           /* fundo; branco sobre ele: 7,6:1 */
  --red-hot: #e3121b;       /* brilho, hover; branco sobre ele: 4,8:1 */
  --red-ink: #ff5a5f;       /* texto vermelho sobre fundo escuro: 6,6:1 */

  /* Destaque/CTA — o amarelo de "Entrada lateral" no mapa */
  --gold: #f5c400;          /* --ink sobre ele: 12,2:1 */
  --gold-hot: #ffd633;

  /* Cores das turmas (AGENTS.md, regra 5) */
  --blue: #2747c9;          /* kimono da professora Karen (#0C2C9C), clareado; branco: 7,4:1 */
  --blue-ink: #7f96ff;      /* azul como texto sobre escuro: 7,4:1 */
  --lime: #b4c937;          /* etiqueta no kimono do professor Junior; --ink sobre ele: 10,8:1 */
  --turma-kids: var(--gold);
  --turma-feminina: var(--blue);
  --turma-mista: var(--red);
  --turma-nogi: var(--lime);

  /* Estados de formulário */
  --error: #ff7a7f;         /* sobre --ink-2: 7,6:1 */
  --ok: var(--lime);

  /* Tipografia */
  --font-display: 'Bebas Neue', 'Oswald', 'Arial Narrow', Impact, sans-serif;
  --font-body: 'Barlow', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-condensed: 'Barlow Condensed', 'Arial Narrow', var(--font-body);

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: clamp(1.125rem, 1rem + 0.5vw, 1.3125rem);
  --fs-h3: clamp(1.75rem, 1.4rem + 1.4vw, 2.375rem);
  --fs-h2: clamp(2.75rem, 2rem + 3.6vw, 5rem);
  --fs-h1: clamp(4rem, 1.6rem + 12vw, 9.5rem);

  /* Espaço e forma */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --section-y: clamp(4.5rem, 3rem + 6vw, 8rem);
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  --container: 75rem;

  --radius-sm: 0.5rem;
  --radius: 1rem;
  --radius-lg: 1.75rem;
  --radius-pill: 999px;

  --shadow: 0 1.25rem 3rem -1.5rem rgb(0 0 0 / 0.7);
  --glow-red: 0 0 3rem rgb(227 18 27 / 0.45);
  --glow-gold: 0 0.75rem 2rem -0.5rem rgb(245 196 0 / 0.55);

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --header-h: 4.5rem;
}