/* p2cx.css — gemeinsame Styles für alle Seiten */
:root{
  --p2cx-gold:#c9a44c;
  --p2cx-text:#1f2937;
  --p2cx-muted:#6b7280;
  --p2cx-border:#e5e7eb;
  --p2cx-shadow:0 4px 12px rgba(2,6,23,.08);
  --p2cx-shadow-hover:0 8px 24px rgba(2,6,23,.12);
  --p2cx-radius:12px;
  --p2cx-bg:#f8fafc;
}

html, body {
  background: var(--p2cx-bg);
  color: var(--p2cx-text);
}

/* Cards */
.p2cx-card{
  background:#fff;
  border:1px solid var(--p2cx-border);
  border-radius:var(--p2cx-radius);
  box-shadow:var(--p2cx-shadow);
  transition:transform .2s ease, box-shadow .2s ease
}
.p2cx-card:hover{ transform:translateY(-2px); box-shadow:var(--p2cx-shadow-hover) }
.p2cx-card-quiet{ box-shadow:0 2px 8px rgba(2,6,23,.06) }
.p2cx-body{ padding:1.25rem }
@media(min-width:768px){
  .p2cx-body{ padding:1.5rem }
}

/* Buttons */
.btn-p2cx{
  --bs-btn-bg:var(--p2cx-gold);
  --bs-btn-border-color:var(--p2cx-gold);
  --bs-btn-hover-bg:#b8923f;
  --bs-btn-hover-border-color:#b8923f;
  --bs-btn-color:#fff;
}

/* Links */
a{ color:var(--p2cx-gold); text-decoration:none }
a:hover{ text-decoration:underline }

/* Chips */
.chip{
  display:inline-block;
  padding:.35rem .6rem;
  border-radius:999px;
  font-size:.82rem;
  background:#f3f4f6;
  color:#374151;
  border:1px solid #e5e7eb
}

/* Log block */
.log{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.85rem;
  background:#0f172a;
  color:#e2e8f0;
  border-radius:8px;
  padding:12px
}
.log .ok{color:#4ade80}
.log .warn{color:#fbbf24}
.log .err{color:#f87171}

/* Header Flag Icons */
.flag{ display:inline-block; vertical-align:middle }

/* Utility tweaks */
.smallmuted, .text-muted { color: var(--p2cx-muted)!important }