/**
 * Nova AI Ventures - Brand CSS Variables
 * Version: 3.0
 * Generated: 2026-01-22
 *
 * Usage: @import url('brand-variables.css');
 */

:root {
  /* PRIMARY PALETTE - Logo Colors */
  --nova-orange: #F97316;
  --nova-orange-rgb: 249, 115, 22;

  --nova-magenta: #EC4899;
  --nova-magenta-rgb: 236, 72, 153;

  --nova-purple: #8B5CF6;
  --nova-purple-rgb: 139, 92, 246;

  --nova-cyan: #06B6D4;
  --nova-cyan-rgb: 6, 182, 212;

  /* TEXT COLORS */
  --nova-text: #1F2937;
  --nova-text-rgb: 31, 41, 55;

  --nova-text-muted: #6B7280;
  --nova-text-light: #9CA3AF;
  --nova-text-on-dark: #FFFFFF;

  /* BACKGROUNDS */
  --nova-background: #FFFFFF;
  --nova-background-alt: #F9FAFB;
  --nova-background-dark: #1F2937;

  /* BORDERS */
  --nova-border: #E5E7EB;
  --nova-border-dark: #374151;

  /* GRADIENTS */
  --nova-gradient: linear-gradient(45deg, #F97316 0%, #EC4899 33%, #8B5CF6 66%, #06B6D4 100%);
  --nova-gradient-warm: linear-gradient(135deg, #F97316 0%, #EC4899 100%);
  --nova-gradient-cool: linear-gradient(135deg, #8B5CF6 0%, #06B6D4 100%);

  /* TYPOGRAPHY */
  --nova-font-display: 'Bebas Neue', Impact, sans-serif;
  --nova-font-body: Helvetica, Arial, sans-serif;

  /* FONT SIZES */
  --nova-text-xs: 0.75rem;
  --nova-text-sm: 0.875rem;
  --nova-text-base: 1rem;
  --nova-text-lg: 1.125rem;
  --nova-text-xl: 1.25rem;
  --nova-text-2xl: 1.5rem;
  --nova-text-3xl: 1.875rem;
  --nova-text-4xl: 2.25rem;

  /* BORDER RADIUS */
  --nova-radius-sm: 0.25rem;
  --nova-radius-md: 0.5rem;
  --nova-radius-lg: 0.75rem;
  --nova-radius-xl: 1rem;
  --nova-radius-full: 9999px;

  /* SHADOWS */
  --nova-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --nova-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --nova-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

  /* TRANSITIONS */
  --nova-transition-fast: 150ms ease;
  --nova-transition-normal: 200ms ease;
}

/* UTILITY CLASSES */
.nova-gradient-bg {
  background: var(--nova-gradient);
}

.nova-text-gradient {
  background: var(--nova-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.nova-btn-primary {
  background: var(--nova-gradient);
  color: white;
  border-radius: var(--nova-radius-md);
  padding: 0.75rem 1.5rem;
  font-family: var(--nova-font-body);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: var(--nova-transition-normal);
}

.nova-btn-primary:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

.nova-card {
  background-color: white;
  border-radius: var(--nova-radius-xl);
  box-shadow: var(--nova-shadow-md);
  padding: 1.5rem;
}