/* ==========================================================
   base.css — Reset, Variablen, Typografie
   ========================================================== */

:root {
  --color-bg-dark:    #1A1410;
  --color-bg-chat:    #F5EFE6;
  --color-text:       #2A1810;
  --color-narzisse:   #C9925E;
  --color-narzisse-2: #B98850;
  --color-accent:     #BA7517;
  --color-error-bg:   #FCEBEB;
  --color-error-fg:   #791F1F;
  --color-white:      #FFF7ED;
  --color-border:     rgba(45, 25, 10, 0.12);
  --color-border-2:   rgba(45, 25, 10, 0.2);

  --radius-card:    22px;
  --radius-msg:     18px;
  --radius-pill:    25px;

  --shadow-modal:   0 4px 20px rgba(45, 25, 10, 0.25);
  --shadow-card:    0 -4px 20px rgba(45, 25, 10, 0.25);

  --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  overflow: hidden;
}

body {
  font-family: var(--font-stack);
  background: var(--color-bg-dark);
  color: var(--color-text);
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior: none;
}

button {
  font-family: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

input {
  font-family: inherit;
  -webkit-appearance: none;
}

.hidden { display: none !important; }