/* Design-Tokens: minimal, weiß + grün, "architecture vibe".
   Alle Farben/Maße zentral hier - so lässt sich das Theme leicht justieren. */
:root {
  --bg: #FAFAF8;
  --surface: #FFFFFF;
  --surface-2: #F4F5F2;
  --border: #E7E9E3;
  --border-strong: #D4D8CF;
  --text: #1C1F1B;
  --text-soft: #5B6159;
  --text-faint: #8C918699;

  --green: #2F6F4F;
  --green-strong: #255B40;
  --green-bright: #3DA678;
  --green-tint: #E8F1EC;
  --green-tint-2: #F1F7F3;

  /* Board-Spaltenfarben (gedämpft, harmonisch zum Grün) */
  --c-werte: #2F6F4F;
  --c-ansaetze: #3A7CA5;
  --c-staerken: #B8902B;
  --c-probleme: #C2603F;

  /* Personen-Akzente */
  --p-nadine: #C2607A;
  --p-johannes: #3F6C9E;
  --p-gemeinsam: #2F6F4F;

  --radius: 12px;
  --radius-sm: 8px;
  --radius-pill: 999px;

  --shadow: 0 1px 2px rgba(22, 32, 22, .04), 0 2px 8px rgba(22, 32, 22, .05);
  --shadow-lg: 0 10px 34px rgba(22, 32, 22, .12);

  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --mono: ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, Consolas, monospace;

  --sidebar-w: 244px;
  --maxw: 1200px;
}