/* ═══════════════════════════════════════════════════════════
   AGENCY TOOL – THEME: NEUTRAL
   Sauber, warm, minimal.
═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

[data-theme="neutral"] {
  /* Hintergrund & Karten */
  --bg:           #f5f0e8;
  --card:         #ffffff;
  --card2:        #f9f5ef;
  --border:       #e5ddd4;
  --border-light: #ede6dc;

  /* Text */
  --text:         #2a2018;
  --text-muted:   #8a7a6a;
  --text-hint:    #c4b4a0;

  /* Akzentfarben */
  --accent:        #1D9E75;
  --accent-bg:     #E1F5EE;
  --accent-border: #5DCAA5;

  --warn:          #BA7517;
  --warn-bg:       #FAEEDA;
  --warn-border:   #FAC775;

  --danger:        #D85A30;
  --danger-bg:     #FAECE7;
  --danger-border: #F0997B;

  --purple:        #534AB7;
  --purple-bg:     #EEEDFE;
  --purple-border: #AFA9EC;

  --neutral-bg:     #F1EFE8;
  --neutral-border: #B4B2A9;

  /* Form & Geometrie */
  --radius:    16px;
  --radius-sm: 10px;
  --radius-xs: 7px;
  --btn-radius: 16px;

  /* Schatten */
  --shadow:      0 2px 12px rgba(0,0,0,0.06);
  --card-shadow: 0 1px 4px rgba(0,0,0,0.05);
  --btn-shadow:  none;

  /* Schriften */
  --font-body:    'DM Sans', system-ui, sans-serif;
  --font-label:   'DM Sans', system-ui, sans-serif;
  --font-display: 'DM Sans', system-ui, sans-serif;
}