/* Makers Rebrand v2 — Suisse minimal × cyber/mono accents */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800;900&family=Geist+Mono:wght@400;500;600&display=swap');

:root {
  /* Core palette — alto contraste, fundo branco, vermelho elétrico */
  --ink: #0A0A0A;             /* Preto absoluto — texto e fundos densos */
  --ink-2: #18181A;           /* Quase preto */
  --paper: #FFFFFF;           /* Branco puro */
  --paper-2: #F4F4F4;         /* Cinza claríssimo / neutral-50 */
  --line: #E4E4E4;            /* Cinza separador */
  --mute: #6B6B6B;            /* Cinza médio para texto secundário */

  /* Acentos */
  --red: #FF3B30;             /* Vermelho elétrico — primary accent */
  --red-2: #E62E24;           /* Vermelho hover/press */
  --acid: #B8FF3D;            /* Verde-ácido cyber para mono/terminal */
  --grid: #EFEFEF;            /* Cor de grelha de fundo */

  /* Type — Helvetica-style sans neutra + Mono */
  --font-sans: 'Geist', Helvetica, 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Geist', Helvetica, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'Geist Mono', 'IBM Plex Mono', ui-monospace, Menlo, monospace;

  /* Spacing scale (8pt) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --s-9: 96px; --s-10: 128px;

  /* Radius — quase zero, brutalista */
  --r-sm: 0px; --r-md: 0px; --r-lg: 0px; --r-pill: 999px;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: var(--font-sans); color: var(--ink); -webkit-font-smoothing: antialiased; }
::selection { background: var(--red); color: var(--paper); }