/* DreamWelly · Design-Tokens v0.1 · 16.09.2026
   Verbindliche Werte aus DreamWelly_Design-Board.html.
   Für Lovable: als globale CSS-Variablen bzw. Tailwind-Theme übernehmen. */
:root{
  /* Grundpalette (an den Pixeln der Vorlage gemessen, 16.09.2026) */
  --dw-night:#0E1D2C;   /* Mitternacht: Text, Marke, Dunkelflächen, Player */
  --dw-sky:#4868C1;     /* Himmelblau: Primäraktion, Auswahl, Fortschritt, Kategorie Mut */
  --dw-peach:#D89B80;   /* Pfirsich: Wärme, Hinweise, Kategorie Gefühle */
  --dw-sage:#7C937D;    /* Salbei: Natur, Erfolg, Kategorie Freundschaft */
  --dw-linen:#F3EADF;   /* Leinen: Grundfläche, Papier */
  --dw-white:#FFFFFF;

  /* Abgeleitet */
  --dw-ink-2:#4A5262;   /* Sekundärtext */
  --dw-ink-3:#8A90A0;   /* Meta, Eyebrow */
  --dw-line:#E6DFD3;    /* Linien, Rahmen */
  --dw-sky-tint:#E7EBF7;
  --dw-peach-tint:#F3E1D9;
  --dw-sage-tint:#DEE4DE;
  --dw-night-tint:#ECEDEE;

  /* Schrift */
  --dw-serif:'Cormorant Garamond',Georgia,serif;   /* erzählt: Wortmarke, Headlines, Kapitel, Geschichtentext */
  --dw-sans:'Inter',system-ui,-apple-system,sans-serif; /* bedient: UI, Labels, Meta, Eltern-Fließtext */

  /* Radien */
  --dw-r-s:8px; --dw-r-m:14px; --dw-r-l:22px; --dw-r-xl:32px;

  /* Bewegung */
  --dw-ease:cubic-bezier(.2,.7,.2,1); --dw-dur:240ms;

  /* Schatten (nur schwebende Elemente) */
  --dw-shadow:0 20px 50px rgba(24,33,47,.08);
}
/* Kategorien */
.dw-cat-mut{background:var(--dw-sky-tint);color:var(--dw-night)}
.dw-cat-freundschaft{background:var(--dw-sage-tint);color:var(--dw-night)}
.dw-cat-gefuehle{background:var(--dw-peach-tint);color:var(--dw-night)}
.dw-cat-wissen{background:var(--dw-night-tint);color:var(--dw-night)}
/* Kontrastregel: weißer Text nur auf --dw-night und --dw-sky. */