/* ============================================================
   JARVIS Theme System — Phase 4A P0
   Light Mode ist Standard (in tokens.css definiert).
   Diese Datei definiert Dark Mode und manuelle Overrides.
   ============================================================ */

/* Browser-Farbschema-Unterstützung */
:root {
  color-scheme: light;
}

/* ============================================================
   DARK MODE — Automatisch via Betriebssystem
   ============================================================ */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;

    /* Hintergründe */
    --color-bg-canvas:      #0d0f11;
    --color-bg-surface:     #1a1d21;
    --color-bg-elevated:    #2b3035;
    --color-bg-sunken:      #343a40;
    --color-bg-nav:         #0d0f11;
    --color-bg-nav-active:  #1a1d21;
    --color-bg-overlay:     rgba(0, 0, 0, 0.7);

    /* Text */
    --color-text-primary:   #f1f3f5;
    --color-text-secondary: #adb5bd;
    --color-text-tertiary:  #868e96;
    --color-text-disabled:  #495057;
    --color-text-inverse:   #1a1d21;
    --color-text-nav:       #868e96;
    --color-text-nav-active:#ffffff;

    /* Rahmen */
    --color-border-default: #343a40;
    --color-border-strong:  #495057;
    --color-border-focus:   #818cf8;
    --color-border-error:   #ef4444;

    /* Aktionen */
    --color-action-primary:          #6366f1;
    --color-action-primary-hover:    #818cf8;
    --color-action-primary-active:   #a5b4fc;
    --color-action-primary-text:     #ffffff;
    --color-action-secondary:        #2b3035;
    --color-action-secondary-border: #343a40;
    --color-action-secondary-hover:  #343a40;
    --color-action-secondary-text:   #f1f3f5;
    --color-action-ghost-hover:      #2b3035;
    --color-action-danger:           #ef4444;
    --color-action-danger-hover:     #dc2626;
    --color-action-danger-text:      #ffffff;

    /* Status */
    --color-status-success:          #22c55e;
    --color-status-success-bg:       #14532d;
    --color-status-success-border:   #16a34a;
    --color-status-warning:          #f59e0b;
    --color-status-warning-bg:       #92400e;
    --color-status-warning-border:   #d97706;
    --color-status-danger:           #ef4444;
    --color-status-danger-bg:        #7f1d1d;
    --color-status-danger-border:    #dc2626;
    --color-status-info:             #818cf8;
    --color-status-info-bg:          #312e81;
    --color-status-info-border:      #6366f1;
    --color-status-neutral:          #adb5bd;
    --color-status-neutral-bg:       #2b3035;
    --color-status-neutral-border:   #495057;

    /* KI-spezifisch */
    --color-ai-accent:      #a78bfa;
    --color-ai-bg:          #4c1d95;
    --color-ai-border:      #7c3aed;
    --color-ai-text:        #ede9fe;

    /* Interaktion */
    --color-focus-ring:     #818cf8;
    --color-selection:      #312e81;
    --color-hover-overlay:  rgba(255, 255, 255, 0.05);

    /* Focus-Ring (Dark Mode) */
    --shadow-focus: 0 0 0 3px rgba(129, 140, 248, 0.35);
  }
}

/* ============================================================
   MANUELLER DARK MODE — via data-theme Attribut
   Vorbereitet für Phase 4B Theme-Switcher.
   ============================================================ */
[data-theme="dark"] {
  color-scheme: dark;

  --color-bg-canvas:      #0d0f11;
  --color-bg-surface:     #1a1d21;
  --color-bg-elevated:    #2b3035;
  --color-bg-sunken:      #343a40;
  --color-bg-nav:         #0d0f11;
  --color-bg-nav-active:  #1a1d21;
  --color-bg-overlay:     rgba(0, 0, 0, 0.7);

  --color-text-primary:   #f1f3f5;
  --color-text-secondary: #adb5bd;
  --color-text-tertiary:  #868e96;
  --color-text-disabled:  #495057;
  --color-text-inverse:   #1a1d21;
  --color-text-nav:       #868e96;
  --color-text-nav-active:#ffffff;

  --color-border-default: #343a40;
  --color-border-strong:  #495057;
  --color-border-focus:   #818cf8;
  --color-border-error:   #ef4444;

  --color-action-primary:          #6366f1;
  --color-action-primary-hover:    #818cf8;
  --color-action-primary-active:   #a5b4fc;
  --color-action-primary-text:     #ffffff;
  --color-action-secondary:        #2b3035;
  --color-action-secondary-border: #343a40;
  --color-action-secondary-hover:  #343a40;
  --color-action-secondary-text:   #f1f3f5;
  --color-action-ghost-hover:      #2b3035;
  --color-action-danger:           #ef4444;
  --color-action-danger-hover:     #dc2626;
  --color-action-danger-text:      #ffffff;

  --color-status-success:          #22c55e;
  --color-status-success-bg:       #14532d;
  --color-status-success-border:   #16a34a;
  --color-status-warning:          #f59e0b;
  --color-status-warning-bg:       #92400e;
  --color-status-warning-border:   #d97706;
  --color-status-danger:           #ef4444;
  --color-status-danger-bg:        #7f1d1d;
  --color-status-danger-border:    #dc2626;
  --color-status-info:             #818cf8;
  --color-status-info-bg:          #312e81;
  --color-status-info-border:      #6366f1;
  --color-status-neutral:          #adb5bd;
  --color-status-neutral-bg:       #2b3035;
  --color-status-neutral-border:   #495057;

  --color-ai-accent:      #a78bfa;
  --color-ai-bg:          #4c1d95;
  --color-ai-border:      #7c3aed;
  --color-ai-text:        #ede9fe;

  --color-focus-ring:     #818cf8;
  --color-selection:      #312e81;
  --color-hover-overlay:  rgba(255, 255, 255, 0.05);

  --shadow-focus: 0 0 0 3px rgba(129, 140, 248, 0.35);
}

/* ============================================================
   MANUELLER LIGHT MODE — erzwingt Light Mode auch bei
   Dark-Mode-Betriebssystem
   ============================================================ */
[data-theme="light"] {
  color-scheme: light;
  /* Light-Mode-Werte sind Standard in tokens.css — keine
     Überschreibung nötig, nur color-scheme setzen. */
}