/* ==========================================================================
   Plano A - Design System
   GERADO por scripts/build_design_system.py a partir de brand/tokens.json.
   Nao editar a mao: as alteracoes sao sobrescritas no proximo build.
   ========================================================================== */

/* Cole num projeto real. Ajuste o caminho das fontes conforme o seu build. */

@font-face {
  font-family: 'Profanations';
  src: url('../assets/fonts/Profanations-Black.ttf') format('truetype');
  font-weight: 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Profanations';
  src: url('../assets/fonts/Profanations-Bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Profanations';
  src: url('../assets/fonts/Profanations-SemiBold.ttf') format('truetype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Profanations';
  src: url('../assets/fonts/Profanations-Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Oxygen';
  src: url('../assets/fonts/Oxygen-Bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Oxygen';
  src: url('../assets/fonts/Oxygen-Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Oxygen';
  src: url('../assets/fonts/Oxygen-Light.ttf') format('truetype');
  font-weight: 300; font-style: normal; font-display: swap;
}

:root {
  /* --- Cores da marca --- */
  --roxo: #9544F2;
  --verde: #B4FF24;
  --amarelo: #F5B933;
  --branco: #FFFFFF;

  /* --- Neutros --- */
  --preto: #0f0f0f;
  --texto: #1E1432;
  --texto-suave: #6b6280;
  --cinza-escuro: #645A78;
  --cinza: #AAAAAA;
  --borda: #e4e0ec;
  --campo-fundo: #fbfafd;
  --placeholder: #b3adc2;

  /* --- Backgrounds --- */
  --escuro: #0a0010;
  --escuro-card: #1a0030;
  --roxo-escuro: #5b1fb0;
  --roxo-profundo: #5014A0;
  --claro: #F5F3FA;
  --card-claro: #F0EBFF;

  /* --- Semanticas --- */
  --erro: #e5484d;
  --erro-fundo: #fdecec;
  --erro-texto: #b3282c;
  --erro-borda: #f6c9ca;
  --ok-fundo: #f0fae0;
  --ok-texto: #4a6b00;
  --ok-borda: #d3eda3;

  /* --- Interacao --- */
  --roxo-hover: #8433e8;
  --foco-ring: 0 0 0 4px rgba(149, 68, 242, .14);

  /* --- Tipografia --- */
  --fonte-titulo: 'Profanations', 'Oxygen', system-ui, sans-serif;
  --fonte-texto: 'Oxygen', system-ui, -apple-system, sans-serif;

  /* --- Espacamento (base 4px) --- */
  --e1: 4px;
  --e2: 8px;
  --e3: 12px;
  --e4: 16px;
  --e5: 20px;
  --e6: 24px;
  --e8: 32px;
  --e10: 40px;
  --e12: 48px;
  --e14: 56px;
  --e15: 60px;

  /* --- Raio --- */
  --raio: 14px;
  --raio-aviso: 10px;
  --raio-card: 12px;
  --raio-tag: 6px;
  --raio-pill: 999px;
  --raio-circulo: 50%;

  /* --- Sombra --- */
  --sombra-card: 0 20px 60px -20px rgba(30, 20, 50, 0.25);
  --sombra-botao: 0 10px 24px -8px rgba(149, 68, 242, .6);

  /* --- Movimento --- */
  --t-rapido: 80ms;
  --t-padrao: 150ms;
  --t-lento: 200ms;
  --t-spinner: 700ms linear infinite;
}