:root {
  /* Farben */
  --c-bg: #f2f3f5;
  --c-surface: #ffffff;
  --c-ink: #121316;
  --c-ink-muted: #6b7280;
  --c-ink-faint: #9ca3af;
  --c-border: rgba(18, 19, 22, 0.08);
  --c-success: #22c55e;
  --c-success-strong: #16a34a;
  --c-success-soft: #dcfce7;
  --c-streak: #f97316;
  --c-streak-soft: #fff7ed;

  /* Typo */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Layout */
  --app-max: 430px;
  --nav-h: 64px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  /* Radius & Schatten */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --shadow-card: 0 2px 8px rgba(18, 19, 22, 0.06), 0 12px 32px rgba(18, 19, 22, 0.06);

  /* Week path */
  --dot-size: 32px;
  --rail-h: 4px;
}