/* SimplyPNG Brand Color Themes */
/* This file is loaded separately to avoid Tailwind processing issues */

:root,
:root[data-theme="default"] {
  --color-brand: #5680E9;
  --color-brand-accent: #84CEEB;
  --color-aurora-primary: #5680E9;
  --color-aurora-secondary: #84CEEB;
  --color-aurora-soft: #5AB9EA;
  --color-aurora-light: #F6F8FB;
  --color-aurora-mid: #C1C8E4;
  --color-aurora-dark: #8860D0;
  --gradient-aurora: linear-gradient(135deg, #5680E9 0%, #5AB9EA 50%, #84CEEB 100%);
  --gradient-violet: linear-gradient(90deg, #8860D0 0%, #5680E9 100%);
  --gradient-sky: linear-gradient(180deg, #F6F8FB 0%, #C1C8E4 100%);
  --gradient-cyan: linear-gradient(45deg, #84CEEB 0%, #5AB9EA 100%);
}

:root[data-theme="minimal"] {
  --color-brand: #00C2A8;
  --color-brand-accent: #FF6B6B;
}

:root[data-theme="neotech"] {
  --color-brand: #6C63FF;
  --color-brand-accent: #00E5FF;
}

:root[data-theme="bright"] {
  --color-brand: #4C8BF5;
  --color-brand-accent: #FFC93C;
}

:root[data-theme="sunset"] {
  --color-brand: #FF6B35;
  --color-brand-accent: #F7931E;
}

:root[data-theme="ocean"] {
  --color-brand: #0A7E8C;
  --color-brand-accent: #00D9FF;
}

:root[data-theme="berry"] {
  --color-brand: #D946EF;
  --color-brand-accent: #F472B6;
}

:root[data-theme="forest"] {
  --color-brand: #10B981;
  --color-brand-accent: #34D399;
}

:root[data-theme="royal"] {
  --color-brand: #8B5CF6;
  --color-brand-accent: #A78BFA;
}

:root[data-theme="cherry"] {
  --color-brand: #EF4444;
  --color-brand-accent: #F87171;
}

:root[data-theme="midnight"] {
  --color-brand: #3B82F6;
  --color-brand-accent: #60A5FA;
}

:root[data-theme="tangerine"] {
  --color-brand: #F59E0B;
  --color-brand-accent: #FBBF24;
}

:root[data-theme="aurora"] {
  --color-brand: #5680E9;
  --color-brand-accent: #84CEEB;
  --color-aurora-primary: #5680E9;
  --color-aurora-secondary: #84CEEB;
  --color-aurora-soft: #5AB9EA;
  --color-aurora-light: #F6F8FB;
  --color-aurora-mid: #C1C8E4;
  --color-aurora-dark: #8860D0;
  --gradient-aurora: linear-gradient(135deg, #5680E9 0%, #5AB9EA 50%, #84CEEB 100%);
  --gradient-violet: linear-gradient(90deg, #8860D0 0%, #5680E9 100%);
  --gradient-sky: linear-gradient(180deg, #F6F8FB 0%, #C1C8E4 100%);
  --gradient-cyan: linear-gradient(45deg, #84CEEB 0%, #5AB9EA 100%);
}