/* =====================================================================
   Aufmaß V4 — Design-Tokens (aus Design-Paket „Prototyp C / Raumkarte")
   Quelle: design_handoff_aufmass_app/README.md
   ===================================================================== */
:root {
  /* ---- Brand & Tinte ---- */
  --brand:        #A11C1C;   /* aktive Tabs, Primär-Buttons, Akzente, Öffnungssymbole */
  --brand-press:  #8C1818;
  --ink:          #16181C;   /* Überschriften, Werte, Fensterrahmen-Linien */
  --txt2:         #5B6470;   /* Sekundärtext, Ghost-Labels */
  --muted:        #8A929E;   /* Metadaten, Captions */
  --placeholder:  #C9CDD3;   /* Eingabe-Platzhalter, inaktive Maßlinien */
  --disabled:     #9AA1AC;

  /* ---- Linien ---- */
  --line:         #E6E8EC;   /* Input-/Karten-Border (kräftiger) */
  --line-light:   #EEF0F3;   /* Trennlinien, Karten-Border (leicht) */
  --line-lighter: #F1F3F5;

  /* ---- Flächen ---- */
  --surface-1:    #FFFFFF;   /* Karten, Bars */
  --app-bg:       #F4F5F7;   /* Seiten-Hintergrund */
  --surface-3:    #F7F8FA;   /* Fensterrahmen-Füllung, gedämpfte Felder */
  --panel-bg:     #FBFBFC;   /* Diagramm-Panel (Detail/Messen, linke Spalte) */
  --surface-4:    #F5F6F8;   /* inaktive Chips */
  --chip-bg:      #F2F3F6;   /* Such-Pillen, Person-Chip */

  /* ---- Status ---- */
  --open-text:  #B45309;  --open-bg:  #FEF3E2;  --open-spine:  #E08A00;
  --done-text:  #15803D;  --done-bg:  #E7F6EC;  --done-spine:  #1F9D55;
  --fix-from:   #1F9D55;  --fix-to:   #157A40;

  /* ---- Modusunabhängig: Schrift/Icons auf farbigen Flächen (bleibt auch dunkel weiß) ---- */
  --on-accent:    #FFFFFF;

  /* ---- Inverse Flächen (bewusst dunkle Chips im hellen Layout: Fertigmaß-Zeile, Laser-Taste) ---- */
  --inverse-bg:    #17171A;
  --inverse-text:  #FFFFFF;
  --inverse-muted: #9A9AA2;

  /* ---- Gefahr / Löschen ---- */
  --danger:       #C0392B;
  --danger-press: #A5281C;
  --danger-bg:    #FCEFEF;
  --danger-line:  #D9B8BA;

  /* ---- Warnung / Klärung ---- */
  --warn:         #D9821A;
  --warn-strong:  #E0A800;
  --warn-text:    #8A5D10;
  --warn-bg:      #FFF8EC;
  --warn-line:    #ECD9B4;

  /* ---- Info ---- */
  --info-text:    #2A5F8A;
  --info-bg:      #EAF4FB;
  --info-line:    #C7E0F2;

  /* ---- Erfolg (Ergänzung zu --done-*) ---- */
  --success:      #1F7A44;
  --success-2:    #2E8B3A;
  --success-bg:   #E8F3EC;

  /* ---- Ergänzende Linien/Flächen ---- */
  --line-strong:  #D4D8DE;
  --offline-bg:   #5B4A2E;   /* Offline-/Sync-Toast */
  --surface-2:    #FAFAFA;

  /* ---- Schrift ---- */
  --font-sans:    'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', monospace;
  --font-display: 'Space Grotesk', var(--font-sans);

  /* ---- Radius ---- */
  --r-card:    18px;
  --r-card-sm: 16px;
  --r-btn:     12px;
  --r-chip:    7px;
  --r-tile:    16px;
  --r-pill:    999px;

  /* ---- Schatten ---- */
  --sh-card:   0 2px 9px rgba(20,24,33,.05);
  --sh-tile:   0 1px 4px rgba(20,24,33,.04);
  --sh-fab:    0 10px 26px rgba(161,28,28,.32);
  --sh-banner: 0 8px 22px rgba(21,122,64,.22);
  --sh-pop:    0 14px 34px rgba(0,0,0,.22);
}

/* Bei manuell gewähltem Hell-Modus die Systemflächen zwingend hell halten
   (sonst blieben Eingabefelder/Statusleiste auf einem dunkel gestellten iPad dunkel). */
html[data-theme="light"] { color-scheme: light; }

/* =====================================================================
   DARK — greift über data-theme="dark" auf <html>; das setzt js/theme.js
   (bzw. das Inline-Skript in index.html) aus der Auswahl
   Automatisch/Hell/Dunkel. Bei „Automatisch" folgt es der iPad-Einstellung.
   Nur Farb-Tokens werden überschrieben; Schrift/Radius/Struktur bleiben.
   Der Druck (print.css) ist bewusst NICHT betroffen und bleibt hell.
   ===================================================================== */
html[data-theme="dark"] {
    color-scheme: dark;   /* dunkle Systemflächen: Statusleiste, Scrollbalken, Eingabefelder */

    /* Brand auf dunklem Grund aufgehellt — #A11C1C wäre sonst kaum lesbar */
    --brand:        #D94A4A;
    --brand-press:  #C13C3C;
    --ink:          #F2F4F7;
    --txt2:         #A8B0BC;
    --muted:        #8A929E;
    --placeholder:  #5B6470;
    --disabled:     #6B7482;

    --line:         #2A2F37;
    --line-light:   #23272E;
    --line-lighter: #1E2126;
    --line-strong:  #3A414B;
    --offline-bg:   #4A3D26;

    --surface-1:    #17191D;
    --app-bg:       #0E0F12;
    --surface-2:    #1B1E23;
    --surface-3:    #1E2126;
    --panel-bg:     #15171B;
    --surface-4:    #22262C;
    --chip-bg:      #22262C;

    --open-text:  #F0A33C;  --open-bg:  #3A2A12;  --open-spine:  #E08A00;
    --done-text:  #4ADE80;  --done-bg:  #123021;  --done-spine:  #1F9D55;
    --fix-from:   #1F9D55;  --fix-to:   #157A40;

    /* --on-accent bleibt Weiß: Schrift auf Brand-/Statusflächen */

    /* Inverse Chips: im Dunkelmodus abgesetzt HELLER statt dunkler */
    --inverse-bg:    #2A2F37;
    --inverse-text:  #F2F4F7;
    --inverse-muted: #8A929E;

    --danger:       #E5544A;
    --danger-press: #C0392B;
    --danger-bg:    #3A1B1A;
    --danger-line:  #5A2E2C;

    --warn:         #E39A3E;
    --warn-strong:  #E0A800;
    --warn-text:    #E3B45E;
    --warn-bg:      #33270F;
    --warn-line:    #4D3D1C;

    --info-text:    #7FB6E0;
    --info-bg:      #12242F;
    --info-line:    #24455C;

    --success:      #3FA76A;
    --success-2:    #45B055;
    --success-bg:   #122A1C;

    --sh-card:   0 2px 9px rgba(0,0,0,.45);
    --sh-tile:   0 1px 4px rgba(0,0,0,.35);
    --sh-fab:    0 10px 26px rgba(0,0,0,.50);
    --sh-banner: 0 8px 22px rgba(0,0,0,.45);
    --sh-pop:    0 14px 34px rgba(0,0,0,.60);
}