/* ============================================================
   IEC 61511 Lifecycle — App theme
   Palette : teal forest + saffron yellow + mint accents
   ============================================================ */

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

:root {
  /* Brand */
  --gt-primary:        #003634;   /* teal forest — sidebar, headers */
  --gt-primary-700:    #002624;   /* darker variant */
  --gt-primary-300:    #2d6361;   /* lighter variant for hover */
  --gt-accent:         #F4C430;   /* saffron yellow — highlight, active */
  --gt-accent-soft:    #FEF3C7;   /* very soft yellow for backgrounds */
  --gt-mint:           #b8e2a3;   /* mint — success */
  --gt-mint-soft:      #e6f3dd;
  --gt-cream:          #fcfbf1;   /* page bg */
  --gt-alt:            #eceee9;   /* alt bg */
  --gt-border:         #e0e3e5;
  --gt-danger:         #ee4443;
  --gt-warning:        #f59e0b;
  --gt-info:           #0ea5e9;

  /* Text */
  --gt-text:           #003634;
  --gt-text-strong:    #001f1d;
  --gt-text-muted:     #6b7470;
  --gt-text-on-dark:   #f7f9f4;
  --gt-text-on-accent: #ffffff;

  /* Shadows */
  --gt-shadow-sm:      0 1px 2px rgba(0,54,52,0.06);
  --gt-shadow-md:      0 4px 12px rgba(0,54,52,0.08);
  --gt-shadow-lg:      0 8px 24px rgba(0,54,52,0.12);

  /* Geometry */
  --gt-radius:         10px;
  --gt-radius-sm:      6px;
  --gt-radius-lg:      14px;
  --gt-sidebar-w:      260px;
  --gt-topbar-h:       64px;

  /* Bootstrap overrides */
  --bs-primary:        var(--gt-primary);
  --bs-primary-rgb:    0, 54, 52;
  --bs-body-bg:        var(--gt-cream);
  --bs-body-color:     var(--gt-text);
  --bs-body-font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --bs-border-color:   var(--gt-border);
  --bs-link-color:     var(--gt-primary);
  --bs-link-hover-color: var(--gt-accent);
}

/* ── Phasen-Badge Farben (9 phases canoniques) ─────────────── */
.phase-bedarfsanalyse      { background: #e6f3dd; color: #2f5d20; }
.phase-concept-design      { background: #FEF3C7; color: #6b4f00; }
.phase-basic-design        { background: #d4ecfb; color: #0a4d72; }
.phase-vertragsverhandlung { background: #fff3cd; color: #7a5c00; }
.phase-detail-design       { background: #fde9c7; color: #7a4500; }
.phase-realisierung        { background: #b8e2a3; color: #1f4014; }
.phase-inbetriebnahme      { background: #fcd5d5; color: #931616; }
.phase-abnahme             { background: #d8e4d2; color: #3c5d34; }
.phase-abschluss           { background: #d3d6cf; color: #2c302a; }

/* Phases legacy (compat avant migration) */
.phase-vor-konzept     { background: #e6f3dd; color: #2f5d20; }
.phase-commissioning   { background: #fcd5d5; color: #931616; }
.phase-handover        { background: #d3d6cf; color: #2c302a; }

/* Status Pillen */
.status-aktiv     { background: var(--gt-mint-soft);    color: var(--gt-primary);    border: 1px solid var(--gt-mint); }
.status-geplant   { background: #fde9c7;                color: #7a4500;              border: 1px solid #f5cf8a; }
.status-standby   { background: #e2e8ff;                color: #2c3a78;              border: 1px solid #b9c4f0; }
.status-abg       { background: var(--gt-alt);          color: var(--gt-text-muted); border: 1px solid var(--gt-border); }
.status-annuliert { background: #fdd9d9;                color: #8a1a1a;              border: 1px solid #f0b6b6; text-decoration: line-through; }
.status-projekt   { background: var(--gt-accent-soft);  color: #6b4f00;              border: 1px solid #F4C430; }