/* ViaCondutor — Brand System
   Self-hosted Poppins + design tokens
   Include this file instead of Google Fonts in all campaigns. */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/brand/fonts/poppins-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/brand/fonts/poppins-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/brand/fonts/poppins-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/brand/fonts/poppins-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/brand/fonts/poppins-800.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/brand/fonts/poppins-900.woff2') format('woff2');
}

:root {
  --font-sans: 'Poppins', sans-serif;

  /* Brand */
  --yellow:     #facc15;
  --yellow-dim: rgba(250, 204, 21, 0.12);

  /* Dark theme */
  --dark:   #151F33;
  --dark-2: #1a2540;
  --dark-3: #0d1424;

  /* Slate scale */
  --slate-600: #475569;
  --slate-500: #64748b;
  --slate-400: #94a3b8;
  --slate-200: #e2e8f0;
  --slate-100: #f1f5f9;
  --slate-50:  #f8fafc;

  /* Status */
  --green:      #22c55e;
  --green-soft: rgba(22, 163, 74, 0.08);
  --red:        #ef4444;
  --red-soft:   rgba(220, 38, 38, 0.08);

  /* Integrations */
  --whatsapp: #25D366;
}