:root {
  /* Primary Colors - NusaQu Brand */
  --nq-primary: #2563EB;
  --nq-primary-light: #3B82F6;
  --nq-primary-dark: #1D4ED8;
  --nq-primary-glow: rgba(37, 99, 235, 0.3);

  /* Accent */
  --nq-accent: #7C3AED;
  --nq-accent-light: #8B5CF6;

  /* Dark Theme */
  --nq-bg-dark: #0f172a;
  --nq-bg-darker: #0a1628;
  --nq-bg-card: #1e293b;
  --nq-bg-card-hover: #334155;
  --nq-bg-surface: #162032;

  /* Light Theme (for content areas) */
  --nq-bg-light: #f8fafc;
  --nq-bg-white: #ffffff;
  --nq-bg-gray: #f1f5f9;

  /* Text */
  --nq-text-primary: #f8fafc;
  --nq-text-secondary: #94a3b8;
  --nq-text-muted: #64748b;
  --nq-text-dark: #1e293b;
  --nq-text-body: #475569;

  /* Borders */
  --nq-border: rgba(148, 163, 184, 0.1);
  --nq-border-light: #e2e8f0;

  /* Gradients */
  --nq-gradient-primary: linear-gradient(135deg, #2563EB, #7C3AED);
  --nq-gradient-dark: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
  --nq-gradient-card: linear-gradient(145deg, #1e293b, #162032);

  /* Shadows */
  --nq-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --nq-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --nq-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --nq-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --nq-shadow-glow: 0 0 30px rgba(37, 99, 235, 0.15);

  /* Typography */
  --nq-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --nq-font-mono: 'JetBrains Mono', monospace;

  /* Spacing */
  --nq-container: 1280px;
  --nq-gap: 1.5rem;

  /* Radius */
  --nq-radius-sm: 0.5rem;
  --nq-radius-md: 0.75rem;
  --nq-radius-lg: 1rem;
  --nq-radius-xl: 1.5rem;
  --nq-radius-full: 9999px;

  /* Transitions */
  --nq-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --nq-transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --nq-transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}