/* ============================================================
   Familienzentrale - Design-Token
   Einzige Datei mit Farbwerten. Ein Farbwechsel passiert hier
   und nirgendwo sonst.
   ============================================================ */

:root {
  /* Flaechen */
  --c-bg:          #131C23;
  --c-surface:     #1B2831;
  --c-surface-2:   #24343F;
  --c-line:        rgba(51, 71, 85, 0.5);
  --c-qr-bg:       #FFFFFF;   /* QR-Codes brauchen weissen Grund - in beiden Schemas */
  --c-scrim:       rgba(0, 0, 0, 0.92);  /* Verdunkelung hinter der Lightbox */
  --c-on-scrim:    #FFFFFF;              /* Text/Icons auf der Verdunkelung */

  /* Text */
  --c-text:        #E6E9EA;
  --c-text-muted:  #94A6B2;
  --c-text-invert: #131C23;
  --c-ink:         #05090C;

  /* Echte Farben (nicht semantisch) - z. B. fuer Muelltonnen oder
     Drucker-Tinten (Gelb = --c-real-yellow, Schwarz ueber --c-text). */
  --c-real-grey:    #9AA7B0;
  --c-real-blue:    #4F8DF5;
  --c-real-green:   #3FB27F;
  --c-real-yellow:  #E3B341;
  --c-real-red:     #E06C6C;
  --c-real-cyan:    #2BA9C4;
  --c-real-magenta: #C43C93;

  /* Akzent */
  --c-accent:      #D99B2B;
  --c-accent-hi:   #F0B647;
  --c-accent-dim:  #8A6318;

  /* Status */
  --c-ok:          #4E9A6B;
  --c-warn:        #D99B2B;
  --c-err:         #C1503C;
  --c-info:        #4A8DB0;
  --c-off:         #56646E;

  /* Protokollstufen.
     Eine eigene Reihe, weil die Statusfarben oben nicht reichen: Dort
     sind Warnung und Fehler Bernstein und Rot, hier braucht es
     zusaetzlich ein Gelb UND ein Orange, die sich auf einen Blick
     unterscheiden lassen. Auf dem Protokollhintergrund (--c-bg), nicht
     auf einer Flaeche. */
  --c-log-debug:   #6FA8C7;
  --c-log-info:    var(--c-text);
  --c-log-warn:    #E3B341;
  --c-log-error:   #E08A3C;
  --c-log-fatal:   #E0574A;

  /* Form */
  --radius:        4px;
  --radius-lg:     6px;
  --shadow:        0 1px 0 rgba(0,0,0,0.30), 0 8px 24px rgba(0,0,0,0.18);

  /* Abstaende */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;

  /* Schrift */
  --f-display: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-body:    "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono:    "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.375rem;
  --fs-xl:   1.75rem;
  --fs-2xl:  2.25rem;

  /* Layout */
  --sidebar-w:  240px;
  --topbar-h:   56px;
  --content-max: 1400px;
}

[data-theme="light"] {
  --c-bg:          #EDEBE6;
  --c-surface:     #F7F6F3;
  --c-surface-2:   #E2DFD8;
  --c-line:        rgba(195, 190, 179, 0.75);
  --c-text:        #1C2429;
  --c-text-muted:  #5C6871;
  --c-text-invert: #F7F6F3;
  --c-ink:         #10161B;
  --c-accent:      #A87113;
  --c-accent-hi:   #C4881C;
  --c-accent-dim:  #E4CFA4;
  --c-ok:          #367049;
  --c-err:         #A33B29;
  --c-info:        #2F6C8C;
  --c-off:         #97A2AA;

  /* Protokollstufen, dunkler: Der Protokollkasten hat im hellen Schema
     einen hellen Grund, dort waeren die Werte von oben nicht mehr zu
     lesen. */
  --c-log-debug:   #2F6C8C;
  --c-log-warn:    #8A5F0E;
  --c-log-error:   #9B4C0E;
  --c-log-fatal:   #A33B29;
  --shadow:        0 1px 0 rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.08);
}