/* ==========================================================================
   REMACHADO.AI — DESIGN TOKENS
   Fonte normativa: architecture/POP-02_design-system.md
   Regra: nenhuma cor/fonte/espaçamento hardcoded fora deste arquivo.
   ========================================================================== */

:root {
  /* Background */
  --bg-primary: #080612;
  --bg-secondary: #10152A;
  --surface-dark: #131D56;

  /* Brand Blues */
  --blue-01: #60C9ED;
  --blue-02: #4EABD6;
  --blue-03: #266A99;
  --blue-04: #174E71;

  /* Brand Golds */
  --gold-01: #CBAD69;
  --gold-02: #AC8D50;
  --gold-03: #8E6C37;

  /* Accent Neon */
  --accent-purple: #B14CFF;
  --accent-magenta: #F04DFF;
  --accent-orange: #FF9A2E;

  /* Text */
  --text-primary: #F5F7FB;
  --text-secondary: #C2CADB;
  --text-muted: #8C96AD;

  /* Support */
  --border: #26314F;
  --glow-cool: #60C9ED;
  --glow-warm: #FF9A2E;

  /* Gradientes oficiais */
  --grad-brand-tech: linear-gradient(90deg, #60C9ED, #B14CFF, #F04DFF);
  --grad-energy: linear-gradient(90deg, #60C9ED, #F04DFF, #FF9A2E);
  --grad-institutional: linear-gradient(90deg, #4EABD6, #266A99, #CBAD69);

  /* Tipografia */
  --font-display: 'Sora', system-ui, -apple-system, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

  /* Espaçamento (escala base 4px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --space-9: 128px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 999px;

  /* Sombras e glow (alpha máx .25 — POP-02 §Regras de neon) */
  --shadow-card: 0 12px 40px rgba(0, 0, 0, .45);
  --glow-soft-cool: 0 0 32px rgba(96, 201, 237, .18);
  --glow-soft-warm: 0 0 32px rgba(255, 154, 46, .18);

  /* Layout */
  --container-max: 1200px;
  --container-pad: 20px;
}