/* ============================================================
   GF2026 · CHAOS BRASILIS · VOL. 2 — design tokens
   Fonte única de verdade para brandbook, site de lançamento e site do evento.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,400..900;1,62..125,400..900&family=Archivo+Black&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap");

:root {
  /* ---- Cores núcleo (extraídas da estampa) ---- */
  --chaos-green: #39f26b;      /* spray neon do smiley — cor-herói */
  --chaos-green-deep: #1fa84a; /* sombra do spray / hover */
  --ump-purple: #5a0099;       /* roxo do logo UMP — âncora institucional */
  --devil-violet: #9a3fd0;     /* rosto do diabo */
  --devil-magenta: #c33cb4;    /* luzes quentes do diabo */

  /* ---- Neutros (camiseta + cidade) ---- */
  --raw-cotton: #ede8dd;       /* tom cru da camiseta */
  --paper: #f6f3ec;
  --concrete: #6d6c69;         /* concreto aparente */
  --asphalt: #2a2a29;
  --night: #0d0b0f;            /* preto com um fio de roxo */

  /* ---- Papéis semânticos ---- */
  --bg: var(--night);
  --bg-raised: #17141a;
  --fg: var(--raw-cotton);
  --fg-muted: #9c978f;
  --accent: var(--chaos-green);
  --accent-2: var(--devil-violet);
  --line: rgba(237, 232, 221, 0.14);

  /* ---- Tipografia ---- */
  --font-display: "Archivo Black", "Archivo", system-ui, sans-serif; /* CHAOS */
  --font-sans: "Archivo", system-ui, sans-serif;                     /* texto + BRASILIS */
  --font-mono: "Space Mono", ui-monospace, monospace;                /* microtexto, legendas, ficha técnica */

  --track-brasilis: 0.62em;    /* espaçamento do B R A S I L I S */

  /* ---- Escala ---- */
  --step--1: clamp(0.78rem, 0.74rem + 0.2vw, 0.88rem);
  --step-0: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --step-1: clamp(1.25rem, 1.1rem + 0.7vw, 1.6rem);
  --step-2: clamp(1.6rem, 1.3rem + 1.5vw, 2.4rem);
  --step-3: clamp(2.2rem, 1.6rem + 3vw, 4rem);
  --step-4: clamp(3rem, 1.8rem + 6vw, 7.5rem);
  --step-5: clamp(4rem, 2rem + 11vw, 13rem);

  --radius: 2px;               /* quase nada: a marca é crua */
  --ease-chaos: cubic-bezier(0.7, 0, 0.2, 1);
}