/* Qualia Brand Color System */

:root {
  /* Primary Brand Colors - Bright Teal */
  --qualia-primary-50: #f0fdfa;
  --qualia-primary-100: #ccfbf1;
  --qualia-primary-200: #99f6e4;
  --qualia-primary-300: #5eead4;
  --qualia-primary-400: #2dd4bf;
  --qualia-primary-500: #14b8a6;
  --qualia-primary-600: #14b8a6;
  --qualia-primary-700: #0f766e;
  --qualia-primary-800: #115e59;
  --qualia-primary-900: #134e4a;
  --qualia-primary-950: #042f2e;

  /* Secondary Colors */
  --qualia-secondary-50: #f8fafc;
  --qualia-secondary-100: #f1f5f9;
  --qualia-secondary-200: #e2e8f0;
  --qualia-secondary-300: #cbd5e1;
  --qualia-secondary-400: #94a3b8;
  --qualia-secondary-500: #64748b;
  --qualia-secondary-600: #475569;
  --qualia-secondary-700: #334155;
  --qualia-secondary-800: #1e293b;
  --qualia-secondary-900: #0f172a;

  /* Accent Colors */
  --qualia-accent-cyan-50: #f0f9ff;
  --qualia-accent-cyan-100: #e0f2fe;
  --qualia-accent-cyan-200: #bae6fd;
  --qualia-accent-cyan-300: #7dd3fc;
  --qualia-accent-cyan-400: #38bdf8;
  --qualia-accent-cyan-500: #0ea5e9;
  --qualia-accent-cyan-600: #0284c7;
  --qualia-accent-cyan-700: #0369a1;

  --qualia-accent-emerald-50: #ecfdf5;
  --qualia-accent-emerald-100: #d1fae5;
  --qualia-accent-emerald-200: #a7f3d0;
  --qualia-accent-emerald-300: #6ee7b7;
  --qualia-accent-emerald-400: #34d399;
  --qualia-accent-emerald-500: #10b981;
  --qualia-accent-emerald-600: #059669;
  --qualia-accent-emerald-700: #047857;

  /* Industry-specific Colors */
  --qualia-accent-purple-50: #faf5ff;
  --qualia-accent-purple-100: #f3e8ff;
  --qualia-accent-purple-200: #e9d5ff;
  --qualia-accent-purple-300: #d8b4fe;
  --qualia-accent-purple-400: #c084fc;
  --qualia-accent-purple-500: #a855f7;
  --qualia-accent-purple-600: #9333ea;
  --qualia-accent-purple-700: #7c3aed;

  --qualia-accent-orange-50: #fff7ed;
  --qualia-accent-orange-100: #ffedd5;
  --qualia-accent-orange-200: #fed7aa;
  --qualia-accent-orange-300: #fdba74;
  --qualia-accent-orange-400: #fb923c;
  --qualia-accent-orange-500: #f97316;
  --qualia-accent-orange-600: #ea580c;
  --qualia-accent-orange-700: #c2410c;

  --qualia-accent-red-50: #fef2f2;
  --qualia-accent-red-100: #fee2e2;
  --qualia-accent-red-200: #fecaca;
  --qualia-accent-red-300: #fca5a5;
  --qualia-accent-red-400: #f87171;
  --qualia-accent-red-500: #ef4444;
  --qualia-accent-red-600: #dc2626;
  --qualia-accent-red-700: #b91c1c;

  /* Semantic Colors */
  --qualia-success: var(--qualia-accent-emerald-500);
  --qualia-warning: #f59e0b;
  --qualia-error: #ef4444;
  --qualia-info: var(--qualia-accent-cyan-500);

  /* Brand Specific Semantic Colors */
  --qualia-brand-primary: var(--qualia-primary-600);
  --qualia-brand-secondary: var(--qualia-secondary-600);
  --qualia-brand-accent: var(--qualia-accent-cyan-500);

  /* Text Colors */
  --qualia-text-primary: var(--qualia-secondary-900);
  --qualia-text-secondary: var(--qualia-secondary-600);
  --qualia-text-muted: var(--qualia-secondary-400);
  --qualia-text-inverse: #ffffff;

  /* Background Colors */
  --qualia-bg-primary: #ffffff;
  --qualia-bg-secondary: var(--qualia-secondary-50);
  --qualia-bg-muted: var(--qualia-secondary-100);
  --qualia-bg-inverse: var(--qualia-secondary-900);

  /* Border Colors */
  --qualia-border-light: var(--qualia-secondary-200);
  --qualia-border-medium: var(--qualia-secondary-300);
  --qualia-border-strong: var(--qualia-secondary-400);

  /* Dark Theme Overrides */
  --qualia-dark-bg-primary: var(--qualia-secondary-900);
  --qualia-dark-bg-secondary: var(--qualia-secondary-800);
  --qualia-dark-bg-muted: var(--qualia-secondary-700);
  --qualia-dark-text-primary: #ffffff;
  --qualia-dark-text-secondary: var(--qualia-secondary-300);
  --qualia-dark-text-muted: var(--qualia-secondary-400);
  --qualia-dark-border-light: var(--qualia-secondary-700);
  --qualia-dark-border-medium: var(--qualia-secondary-600);
  --qualia-dark-border-strong: var(--qualia-secondary-500);
}

/* Dark Theme Implementation - Disabled for now to fix visibility issues */
/* @media (prefers-color-scheme: dark) {
  :root {
    --qualia-bg-primary: var(--qualia-dark-bg-primary);
    --qualia-bg-secondary: var(--qualia-dark-bg-secondary);
    --qualia-bg-muted: var(--qualia-dark-bg-muted);
    --qualia-text-primary: var(--qualia-dark-text-primary);
    --qualia-text-secondary: var(--qualia-dark-text-secondary);
    --qualia-text-muted: var(--qualia-dark-text-muted);
    --qualia-border-light: var(--qualia-dark-border-light);
    --qualia-border-medium: var(--qualia-dark-border-medium);
    --qualia-border-strong: var(--qualia-dark-border-strong);
  }
} */

/* Manual Dark Theme Class */
.dark-theme {
  --qualia-bg-primary: var(--qualia-dark-bg-primary);
  --qualia-bg-secondary: var(--qualia-dark-bg-secondary);
  --qualia-bg-muted: var(--qualia-dark-bg-muted);
  --qualia-text-primary: var(--qualia-dark-text-primary);
  --qualia-text-secondary: var(--qualia-dark-text-secondary);
  --qualia-text-muted: var(--qualia-dark-text-muted);
  --qualia-border-light: var(--qualia-dark-border-light);
  --qualia-border-medium: var(--qualia-dark-border-medium);
  --qualia-border-strong: var(--qualia-dark-border-strong);
}

/* Logo Color Variations */
.qualia-logo {
  color: var(--qualia-brand-primary);
}

.qualia-logo-light {
  color: var(--qualia-text-inverse);
}

.qualia-logo-dark {
  color: var(--qualia-text-primary);
}

.qualia-logo-accent {
  color: var(--qualia-brand-accent);
}