/* Theme2 (Düsseldorf) – Farben und Design-Tokens (011-ui-css-colors) */

:root {
  --dl-bg: #f4eee6;
  --dl-bg-alt: #ffffff;
  --color-background: var(--dl-bg-alt);
  --dl-border: #e0d6c9;
  --dl-border-soft: #ece0d2;
  --dl-text: #26221a;
  --dl-text-soft: #595348;
  --dl-muted: #9a8f80;
  --dl-surface: #f8f4ee;

  --dl-accent: #457f3d;
  --dl-accent-soft: #769b5c;
  --dl-accent-warm: #c76c2c;
  --dl-accent-warm-soft: #e49b52;

  --dl-radius-lg: 24px;
  --dl-radius-md: 16px;
  --dl-radius-sm: 10px;

  --dl-shadow-soft: 0 15px 40px rgba(0, 0, 0, 0.06);
  --dl-shadow-chip: 0 4px 12px rgba(0, 0, 0, 0.05);

  --dl-bg-gradient-start: #f8f2ea;
  --dl-bg-gradient-end: #e8ded0;
  --dl-bg-active: #f2e6d7;
  --dl-input-bg: #f8f4ee;
  --dl-input-border: #e5dacd;
  --dl-input-border-hover: #dbc9b5;
  --dl-btn-secondary-bg: #f2eadf;
  --dl-btn-secondary-bg-hover: #e7ddcf;
  --dl-btn-ghost-border: #e0d4c4;
  --dl-btn-ghost-bg-hover: #f4e7d6;
  --dl-chip-active-bg: #f1e2cf;
  --dl-modal-dialog-bg: #fbf4ea;
  --dl-modal-close-bg: #f1e2cf;
  --dl-rating-color: #e2a73a;
  --dl-link-color: #1d5ea8;
}