@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,400;0,500;1,400&family=Outfit:wght@400;500;600;700;800&display=swap');

:root {
  /* ── Green Palette (Basis) ─────────────────────────────────── */
  --g900: #071f19;
  --g800: #0f3d32;
  --g700: #155443;
  --g600: #1c6a57;
  --g500: #227760;
  --g400: #2a8f74;
  --g300: #3dac8d;
  --g200: #6ecfb2;
  --g100: #b8edd9;
  --g050: #e8f9f2;

  /* ── Aprikosen Accent ──────────────────────────────────────── */
  --accent:       #E8944A;
  --accent-dark:  #C97232;
  --accent-light: #F5B87A;
  --accent-dim:   rgba(232, 148, 74, 0.15);
  --accent-border:rgba(232, 148, 74, 0.35);

  /* ── Ink ───────────────────────────────────────────────────── */
  --white:    #ffffff;
  --ink:      #eefaf5;
  --ink-muted:rgba(200, 240, 225, 0.65);
  --ink-dim:  rgba(180, 230, 210, 0.40);

  /* ── Surfaces ──────────────────────────────────────────────── */
  --surface-1: rgba(12, 48, 38, 0.72);
  --surface-2: rgba(18, 60, 48, 0.60);
  --surface-3: rgba(25, 75, 60, 0.45);
  --surface-nav:rgba(8, 32, 25, 0.88);

  /* ── Borders ───────────────────────────────────────────────── */
  --border-soft:  rgba(80, 180, 140, 0.18);
  --border-mid:   rgba(80, 180, 140, 0.32);
  --border-bright:rgba(80, 180, 140, 0.55);

  /* ── Radius ────────────────────────────────────────────────── */
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  22px;
  --radius-pill:999px;

  /* ── Shadows ───────────────────────────────────────────────── */
  --shadow-card:    0 4px 24px rgba(6, 24, 18, 0.45), 0 1px 4px rgba(6, 24, 18, 0.3);
  --shadow-btn:     0 4px 18px rgba(6, 24, 18, 0.5), 0 1px 3px rgba(6, 24, 18, 0.4);
  --shadow-btn-hover:0 8px 28px rgba(6, 24, 18, 0.55), 0 2px 6px rgba(6, 24, 18, 0.35);
  --shadow-nav:     4px 0 24px rgba(4, 18, 14, 0.5);

  /* ── Typography ────────────────────────────────────────────── */
  --font-sans: 'Outfit', 'Segoe UI', sans-serif;
  --font-mono: 'DM Mono', 'JetBrains Mono', monospace;

  /* ── Transitions ───────────────────────────────────────────── */
  --transition: 0.18s ease;
  --transition-slow: 0.28s ease;

  /* ── Pipeline Status Colors ────────────────────────────────── */
  --status-neu-bg:         rgba(59, 130, 246, 0.18);
  --status-neu-border:     rgba(59, 130, 246, 0.4);
  --status-neu-color:      #93c5fd;

  --status-kontaktiert-bg:    rgba(234, 179, 8, 0.18);
  --status-kontaktiert-border:rgba(234, 179, 8, 0.4);
  --status-kontaktiert-color: #fde047;

  --status-interessiert-bg:    rgba(232, 148, 74, 0.18);
  --status-interessiert-border:rgba(232, 148, 74, 0.4);
  --status-interessiert-color: #F5B87A;

  --status-kunde-bg:     rgba(34, 197, 94, 0.18);
  --status-kunde-border: rgba(34, 197, 94, 0.4);
  --status-kunde-color:  #86efac;

  --status-abgelehnt-bg:    rgba(239, 68, 68, 0.15);
  --status-abgelehnt-border:rgba(239, 68, 68, 0.35);
  --status-abgelehnt-color: #fca5a5;

  /* ── Note Type Colors ──────────────────────────────────────── */
  --note-anruf-color:           #93c5fd;
  --note-email-color:           #c4b5fd;
  --note-besuch-color:          #6ecfb2;
  --note-status_aenderung-color:#fde047;
  --note-notiz-color:           var(--ink-muted);

  /* ── Layout ────────────────────────────────────────────────── */
  --nav-width:     240px;
  --nav-collapsed: 0px;
}