/**
 * Podnami Unified Color Palette - Hybrid Approach
 * 
 * Primary: Blue for trust and professionalism
 * Accent: Purple for creativity and innovation
 * 
 * Usage: Include this file in all templates for consistent theming
 */

:root {
  /* Background Colors */
  --bg: #0a0d14;              /* Very dark blue-black */
  --bg-soft: #0e1320;          /* Slightly lighter dark */
  --card: #121829;             /* Dark blue-gray for cards */
  
  /* Text Colors */
  --text: #e6ecff;             /* Light blue-white for primary text */
  --muted: #a9b3d3;            /* Muted blue-gray for secondary text */
  
  /* Brand Colors - Hybrid Approach */
  --brand: #3b82f6;            /* Primary - Blue (trust, professionalism) */
  --brand-2: #6366f1;           /* Secondary - Indigo (modern, tech) */
  --accent: #8b5cf6;            /* Accent - Purple (creativity, innovation) */
  --accent-2: #ec4899;          /* Accent 2 - Pink (energy, highlights) */
  
  /* Status Colors */
  --success: #10b981;           /* Green - Success, positive actions */
  --warning: #f59e0b;           /* Yellow/Amber - Warnings, attention */
  --error: #ef4444;             /* Red - Errors, destructive actions */
  --info: #3b82f6;              /* Blue - Informational messages */
  
  /* Legacy Support (for backward compatibility) */
  --ok: var(--success);          /* Alias for success */
  --warn: var(--warning);       /* Alias for warning */
  
  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #3b82f6, #6366f1);
  --gradient-accent: linear-gradient(135deg, #6366f1, #8b5cf6);
  --gradient-creative: linear-gradient(135deg, #8b5cf6, #ec4899);
  --gradient-brand: linear-gradient(135deg, var(--brand), var(--accent));
  
  /* Shadows */
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  --shadow-brand: 0 10px 25px rgba(59, 130, 246, 0.35);
  --shadow-accent: 0 10px 25px rgba(139, 92, 246, 0.35);
  
  /* Border Radius */
  --radius: 18px;
  --radius-sm: 12px;
  --radius-lg: 24px;
  
  /* Spacing (for consistency) */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
}

/* Light mode support (future) */
@media (prefers-color-scheme: light) {
  :root {
    /* Light mode colors - to be implemented */
    --bg: #ffffff;
    --bg-soft: #f9fafb;
    --card: #ffffff;
    --text: #1f2937;
    --muted: #6b7280;
  }
}