/* ==========================================================================
   CDEV — Design Tokens
   Fonte: cdev-design-system.md
   Não sobrescreve o Bootstrap — só disponibiliza as variáveis da marca
   pra você usar em qualquer snippet/CodePen que for encaixando.
   ========================================================================== */

/* Poppins + JetBrains Mono (mesma família/pesos de antes) agora são
   carregadas via <link rel="preconnect"> + <link rel="stylesheet"> no
   <head> de index.html, não por @import aqui — @import dentro de um CSS só
   é descoberto depois de baixar/parsear este arquivo, o que atrasa o
   download da fonte (apis.md §2.2, BL-21). Não mudar peso/família sem
   atualizar a URL espelhada em index.html. */

:root {
  /* ---- Cor de marca ---- */
  --cdev-black: #0A0A0A;
  --cdev-ink-800: #121214;
  --cdev-ink-700: #1B1B1F;
  --cdev-pink: #E8125C;
  --cdev-pink-bright: #FF5A96;
  --cdev-pink-deep: #B00E48;

  /* ---- Signal Teal (assinatura técnica) ---- */
  --cdev-teal: #00D9B2;
  --cdev-teal-dim: #0A8A72;

  /* ---- Neutros ---- */
  --cdev-white: #FFFFFF;
  --cdev-paper: #FAFAFB;
  --cdev-border: #ECECEE;
  --cdev-text-strong: #0A0A0A;
  --cdev-text-body: #333338;
  --cdev-text-muted: #6B6B72;
  --cdev-text-faint: #A0A0A6;

  /* ---- Semânticas ---- */
  --cdev-success: #22C55E;
  --cdev-warning: #F5A623;
  --cdev-error: #EF4444;

  /* ---- Gradientes ---- */
  --cdev-gradient-hero: radial-gradient(circle at top right, rgba(232,18,92,0.35), transparent 60%);
  --cdev-gradient-signal: linear-gradient(135deg, #E8125C 0%, #FF5A96 50%, #00D9B2 100%);

  /* ---- Tipografia ---- */
  --font-display: 'Poppins', 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

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

  /* ---- Raio ---- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;

  /* ---- Sombra ---- */
  --shadow-card: 0 1px 2px rgba(10,10,10,.04), 0 8px 24px rgba(10,10,10,.06);
  --shadow-glow-pink: 0 8px 40px rgba(232,18,92,.35);
  --shadow-glow-teal: 0 0 24px rgba(0,217,178,.35);

  /* ---- Motion ---- */
  --ease-out-expo: cubic-bezier(.16,1,.3,1);
  --duration-fast: 160ms;
  --duration-reveal: 500ms;
  --duration-counter: 1200ms;
}