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

/* STANDARD: Linjär Algebra Grön (Nytt standardtema) */
:root {
  /* Primär grön palette - inspirerad av app.png ikonen */
  --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 - rik grön från app.png */
  --color-primary-700: #15803d;
  --color-primary-800: #166534;
  --color-primary-900: #14532d;

  /* Accent - komplementär cyan för kontrast */
  --color-accent-50: #ecfeff;
  --color-accent-100: #cffafe;
  --color-accent-200: #a5f3fc;
  --color-accent-300: #67e8f9;
  --color-accent-400: #22d3ee;
  --color-accent-500: #06b6d4; /* Accent färg */
  --color-accent-600: #0891b2;
  --color-accent-700: #0e7490;
  --color-accent-800: #155e75;
  --color-accent-900: #164e63;

  /* Blå färger (mappar till grön för konsistens) */
  --color-blue-50: var(--color-primary-50);
  --color-blue-100: var(--color-primary-100);
  --color-blue-200: var(--color-primary-200);
  --color-blue-300: var(--color-primary-300);
  --color-blue-400: var(--color-primary-400);
  --color-blue-500: var(--color-primary-500);
  --color-blue-600: var(--color-primary-600);
  --color-blue-700: var(--color-primary-700);
  --color-blue-800: var(--color-primary-800);
  --color-blue-900: var(--color-primary-900);

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

/* ALTERNATIV 1: Varm Akademisk (Tidigare standard) */
: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);
}