/**
 * Picture Theme - Dark Indigo
 * AI image generation app
 */
:root {
  /* Primary colors - Indigo/Purple */
  --color-primary: #6366f1;
  --color-primary-hover: #4f46e5;
  --color-primary-glow: rgba(99, 102, 241, 0.3);

  /* Text colors */
  --color-text-primary: #f8fafc;
  --color-text-secondary: #cbd5e1;
  --color-text-muted: #64748b;

  /* Background colors - Deep dark */
  --color-background-page: #0c0a1d;
  --color-background-card: #1a1833;
  --color-background-card-hover: #252345;

  /* Border colors */
  --color-border: rgba(99, 102, 241, 0.2);
  --color-border-hover: rgba(99, 102, 241, 0.4);
}

/* Light mode support */
@media (prefers-color-scheme: light) {
  :root {
    --color-primary: #4f46e5;
    --color-primary-hover: #4338ca;
    --color-primary-glow: rgba(79, 70, 229, 0.2);

    --color-text-primary: #1e1b4b;
    --color-text-secondary: #4338ca;
    --color-text-muted: #6366f1;

    --color-background-page: #fafafa;
    --color-background-card: #ffffff;
    --color-background-card-hover: #f5f3ff;

    --color-border: #e0e7ff;
    --color-border-hover: #c7d2fe;
  }
}

/* Force dark mode class */
.dark {
  --color-primary: #6366f1;
  --color-primary-hover: #818cf8;
  --color-primary-glow: rgba(99, 102, 241, 0.3);

  --color-text-primary: #f8fafc;
  --color-text-secondary: #cbd5e1;
  --color-text-muted: #64748b;

  --color-background-page: #0c0a1d;
  --color-background-card: #1a1833;
  --color-background-card-hover: #252345;

  --color-border: rgba(99, 102, 241, 0.2);
  --color-border-hover: rgba(99, 102, 241, 0.4);
}

/* Force light mode class */
.light {
  --color-primary: #4f46e5;
  --color-primary-hover: #4338ca;
  --color-primary-glow: rgba(79, 70, 229, 0.2);

  --color-text-primary: #1e1b4b;
  --color-text-secondary: #4338ca;
  --color-text-muted: #6366f1;

  --color-background-page: #fafafa;
  --color-background-card: #ffffff;
  --color-background-card-hover: #f5f3ff;

  --color-border: #e0e7ff;
  --color-border-hover: #c7d2fe;
}