/* ==========================================================================
   NodeAI - Theme Configuration (@theme directive)
   Compatibilidade: Tailwind CSS v4 / Modern CSS Engine
   Referência: DESIGN.md • Paleta Original NodeAI Preservada
   ========================================================================== */

@theme {
  /* Tokens de Cor Oficiais DESIGN.md (Mapeados para Paleta NodeAI) */
  --color-vault-ink: #080a11;
  --color-paper-white: #ffffff;
  --color-mist-white: #0d121f;
  --color-fog-gray: #94a3b8;
  --color-hairline: rgba(255, 255, 255, 0.08);
  --color-obsidian: #080a11;
  --color-peach-wall: rgba(255, 255, 255, 0.03);
  --color-mint-wall: rgba(16, 185, 129, 0.06);
  --color-lavender-wall: rgba(59, 130, 246, 0.06);
  --color-deep-teal: #10b981;
  --color-electric-violet: #3b82f6;
  --color-royal-violet: #1d4ed8;
  --color-sapphire-blue: #2563eb;
  --color-whatsapp: #25d366;

  /* Aliases do Projeto */
  --color-bg-base: #080a11;
  --color-bg-surface: #0d121f;
  --color-bg-surface-elevated: #131a2b;
  --color-brand-blue: #3b82f6;
  --color-brand-blue-hover: #2563eb;
  --color-brand-blue-light: #60a5fa;
  --color-status-emerald: #10b981;

  /* Tipografia */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;
  --font-albra-sans: 'Playfair Display', Georgia, serif;
  --font-neufile-grotesk-extended: 'Plus Jakarta Sans', 'Inter', sans-serif;

  /* Geometria & Pacing */
  --radius-sm: 2px;
  --radius-btn: 2px;
  --radius-tag: 2px;
  --radius-card: 0px;
  --spacing-27: 27px;
}

:root {
  /* Suporte nativo direto no navegador (Vanilla CSS) */
  --color-vault-ink: #080a11;
  --color-paper-white: #ffffff;
  --color-mist-white: #0d121f;
  --color-fog-gray: #94a3b8;
  --color-hairline: rgba(255, 255, 255, 0.08);
  --color-obsidian: #080a11;
  --color-peach-wall: rgba(255, 255, 255, 0.03);
  --color-mint-wall: rgba(16, 185, 129, 0.06);
  --color-lavender-wall: rgba(59, 130, 246, 0.06);
  --color-deep-teal: #10b981;
  --color-electric-violet: #3b82f6;
  --color-royal-violet: #1d4ed8;
  --color-sapphire-blue: #2563eb;
  --color-whatsapp: #25d366;

  --color-bg-base: #080a11;
  --color-bg-surface: #0d121f;
  --color-bg-surface-elevated: #131a2b;
  --color-brand-blue: #3b82f6;
  --color-brand-blue-hover: #2563eb;
  --color-brand-blue-light: #60a5fa;
  --color-status-emerald: #10b981;

  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;
  --font-albra-sans: 'Playfair Display', Georgia, serif;
  --font-neufile-grotesk-extended: 'Plus Jakarta Sans', 'Inter', sans-serif;

  --radius-sm: 2px;
  --radius-btn: 2px;
  --radius-tag: 2px;
  --radius-card: 0px;
  --spacing-27: 27px;
}