/* === FÄRGSCHEMA ALTERNATIV === */

/* ALTERNATIV 1: Varm Akademisk (Nuvarande förbättrad) */
:root.theme-warm-academic {
  /* Primär palette - varmgrå med blå accenter */
  --color-primary-50: #f8fafc;
  --color-primary-100: #f1f5f9;
  --color-primary-200: #e2e8f0;
  --color-primary-300: #cbd5e1;
  --color-primary-400: #94a3b8;
  --color-primary-500: #64748b;
  --color-primary-600: #475569; /* Huvudfärg */
  --color-primary-700: #334155;
  --color-primary-800: #1e293b;
  --color-primary-900: #0f172a;

  /* Accent - vänlig blå */
  --color-accent-50: #eff6ff;
  --color-accent-100: #dbeafe;
  --color-accent-200: #bfdbfe;
  --color-accent-300: #93c5fd;
  --color-accent-400: #60a5fa;
  --color-accent-500: #3b82f6;
  --color-accent-600: #2563eb; /* Accent färg */
  --color-accent-700: #1d4ed8;
  --color-accent-800: #1e40af;
  --color-accent-900: #1e3a8a;

  /* Semantiska färger */
  --color-bg: #ffffff;
  --color-bg-alt: #f8fafc;
  --color-text: #1e293b;
  --color-text-secondary: #64748b;
  --color-border: #e2e8f0;
  --color-accent: var(--color-accent-600);
  --color-focus: var(--color-accent-400);
}

/* ALTERNATIV 2: Naturgrön Akademisk */
:root.theme-nature-academic {
  /* Primär palette - djup grön */
  --color-primary-50: #f0fdf4;
  --color-primary-100: #dcfce7;
  --color-primary-200: #bbf7d0;
  --color-primary-300: #86efac;
  --color-primary-400: #4ade80;
  --color-primary-500: #22c55e;
  --color-primary-600: #16a34a; /* Huvudfärg */
  --color-primary-700: #15803d;
  --color-primary-800: #166534;
  --color-primary-900: #14532d;

  /* Accent - varm beige */
  --color-accent-50: #fefbf3;
  --color-accent-100: #fef7e7;
  --color-accent-200: #fdecc9;
  --color-accent-300: #fbdba7;
  --color-accent-400: #f7c173;
  --color-accent-500: #f59e0b; /* Accent färg */
  --color-accent-600: #d97706;
  --color-accent-700: #b45309;
  --color-accent-800: #92400e;
  --color-accent-900: #78350f;

  /* Semantiska färger */
  --color-bg: #ffffff;
  --color-bg-alt: #f8fafc;
  --color-text: #14532d;
  --color-text-secondary: #16a34a;
  --color-border: #dcfce7;
  --color-accent: var(--color-primary-600);
  --color-focus: var(--color-accent-400);
}

/* ALTERNATIV 3: Modern Lila-Blå */
:root.theme-modern-purple {
  /* Primär palette - lila-blå */
  --color-primary-50: #f8fafc;
  --color-primary-100: #f1f5f9;
  --color-primary-200: #e2e8f0;
  --color-primary-300: #cbd5e1;
  --color-primary-400: #94a3b8;
  --color-primary-500: #64748b;
  --color-primary-600: #475569;
  --color-primary-700: #334155;
  --color-primary-800: #1e293b;
  --color-primary-900: #0f172a;

  /* Accent - lila-blå gradient */
  --color-accent-50: #faf5ff;
  --color-accent-100: #f3e8ff;
  --color-accent-200: #e9d5ff;
  --color-accent-300: #d8b4fe;
  --color-accent-400: #c084fc;
  --color-accent-500: #a855f7;
  --color-accent-600: #9333ea; /* Accent färg */
  --color-accent-700: #7c3aed;
  --color-accent-800: #6b21a8;
  --color-accent-900: #581c87;

  /* Semantiska färger */
  --color-bg: #ffffff;
  --color-bg-alt: #faf5ff;
  --color-text: #1e293b;
  --color-text-secondary: #64748b;
  --color-border: #e9d5ff;
  --color-accent: var(--color-accent-600);
  --color-focus: var(--color-accent-400);
}

/* ALTERNATIV 4: Klassisk Marinblå (Ljusare) */
:root.theme-classic-navy {
  /* Primär palette - marinblå men ljusare */
  --color-primary-50: #f0f9ff;
  --color-primary-100: #e0f2fe;
  --color-primary-200: #bae6fd;
  --color-primary-300: #7dd3fc;
  --color-primary-400: #38bdf8;
  --color-primary-500: #0ea5e9;
  --color-primary-600: #0284c7; /* Huvudfärg - ljusare än original */
  --color-primary-700: #0369a1;
  --color-primary-800: #075985;
  --color-primary-900: #0c4a6e;

  /* Accent - varm orange */
  --color-accent-50: #fff7ed;
  --color-accent-100: #ffedd5;
  --color-accent-200: #fed7aa;
  --color-accent-300: #fdba74;
  --color-accent-400: #fb923c;
  --color-accent-500: #f97316; /* Accent färg */
  --color-accent-600: #ea580c;
  --color-accent-700: #c2410c;
  --color-accent-800: #9a3412;
  --color-accent-900: #7c2d12;

  /* Semantiska färger */
  --color-bg: #ffffff;
  --color-bg-alt: #f0f9ff;
  --color-text: #0c4a6e;
  --color-text-secondary: #0369a1;
  --color-border: #bae6fd;
  --color-accent: var(--color-primary-600);
  --color-focus: var(--color-accent-400);
}