/* Grundlegende Design-Tokens & Reset für App und Login */
:root {
  --bg: #f6f1ee;
  --bg-deep: #efe7e3;
  --surface: #ffffff;
  --surface-2: #fbf8f7;
  --ink: #171615;
  --ink-soft: #3f3b39;
  --muted: #7d766f;
  --line: #e7dfda;
  --line-strong: #d3c8c1;
  --brand: #af6a8a;
  --brand-deep: #8d5270;
  --brand-soft: #f6e9ef;
  --rose: #f9f0f3;
  --green: #072a28;
  --green-soft: #e4efec;
  --ok: #2b7a4b;
  --ok-soft: #e3f3e8;
  --warn: #b7731c;
  --warn-soft: #fbf0df;
  --bad: #b3261e;
  --bad-soft: #fbe7e5;
  --info: #3b6ea5;
  --info-soft: #e6eef8;
  --radius: 14px;
  --radius-sm: 9px;
  --shadow: 0 10px 30px rgba(60, 30, 40, .08), 0 1px 3px rgba(0, 0, 0, .05);
  --shadow-lg: 0 24px 60px rgba(60, 30, 40, .16);
  --sans: 'Work Sans', 'Inter', 'Segoe UI', Helvetica, Arial, sans-serif;
  --serif: 'Bodoni Moda', 'Didot', Georgia, serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--sans); font-size: 14px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
a { color: var(--brand-deep); }
img { max-width: 100%; }
::selection { background: var(--brand-soft); }