/* Tokens aus styleguide.html (Nachtraum) und moodboard.md Abschnitt 4
   (Tageslicht). Verbindlich -- Farben nie direkt im Template. */

:root {
  --font-voice: "Newsreader", Georgia, serif;
  --font-ui:    "Instrument Sans", system-ui, -apple-system, sans-serif;

  --size-xs:   0.8125rem;
  --size-sm:   0.875rem;
  --size-base: 1rem;
  --size-md:   1.0625rem;
  --size-lg:   1.375rem;
  --size-xl:   1.75rem;

  --leading-voice: 1.65;
  --leading-ui:    1.5;

  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;

  --radius-bubble: 18px;
  --radius-ui:     10px;
  --measure:       62ch;

  --ease:       cubic-bezier(0.2, 0, 0.2, 1);
  --dur-fast:   150ms;
  --dur-enter:  180ms;
}

/* Tageslicht -- Login und Persona-Auswahl */
:root[data-zone="day"] {
  --bg:            #FAF7F4;
  --surface:       #FFFFFF;
  --surface-sunk:  #F2EDE7;
  --border:        #E6DED6;
  --border-strong: #D6CABE;

  --text-primary:   #241C18;
  --text-secondary: #5C4F45;
  --text-tertiary:  #8A7A6D;

  --accent:       #C97F42;
  --accent-hover: #B26F37;
  --accent-soft:  #FBEFE2;

  --alert: #B4523C;
  --ok:    #4F7A52;
}

/* Nachtraum -- Chat. Ab P4 in Gebrauch. */
:root[data-zone="night"] {
  --night-950: #14100E;
  --night-900: #1C1613;
  --night-850: #241C18;
  --night-800: #2E2520;
  --night-700: #3D322B;

  --lamp-400: #E0A46B;
  --lamp-300: #EDBE90;
  --lamp-dim: rgba(224, 164, 107, 0.14);

  --bg:      var(--night-900);
  --surface: var(--night-850);
  --border:  var(--night-800);

  --text-primary:   #EFE6DC;
  --text-secondary: #C3B5A8;
  --text-tertiary:  #8A7A6D;

  --accent: var(--lamp-400);
  --alert:  #D2836E;
}