/* ProcessCube Brand Tokens
 * Source: www.processcube.io (extracted 2026-09-01)
 * Verwendung: @import diese Datei oder inline in :root kopieren.
 */

:root {
  /* === PRIMÄRE MARKENFARBEN === */
  --pc-orange: #F8A923;
  --pc-orange-hover: #d4901e;
  --pc-orange-glow: rgba(248, 169, 35, 0.14);
  --pc-orange-glow-strong: rgba(248, 169, 35, 0.26);
  --pc-orange-deep: #FF6B00;

  /* === NEUTRAL / DARK MODE (Default) === */
  --pc-bg: #070707;
  --pc-bg-2: #0f0f0f;
  --pc-bg-3: #161616;
  --pc-border: rgba(255, 255, 255, 0.07);
  --pc-border-hover: rgba(255, 255, 255, 0.14);
  --pc-text: #f0f0f0;
  --pc-text-muted: #aaaaaa;
  --pc-text-faint: #888888;

  /* === SEMANTIC === */
  --pc-success: #4ade80;

  /* === LAYOUT === */
  --pc-radius: 16px;
  --pc-radius-sm: 8px;
  --pc-radius-lg: 24px;

  /* === TYPOGRAFIE === */
  --pc-font-display: 'Barlow Condensed', Impact, 'Arial Black', sans-serif;
  --pc-font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
}

/* Optional: Light-Mode-Overrides (für Print/Dokumente) */
:root[data-theme="light"] {
  --pc-bg: #ffffff;
  --pc-bg-2: #fafafa;
  --pc-bg-3: #f0f0f0;
  --pc-border: rgba(0, 0, 0, 0.08);
  --pc-border-hover: rgba(0, 0, 0, 0.16);
  --pc-text: #0F172A;
  --pc-text-muted: #475569;
  --pc-text-faint: #94A3B8;
}

/* Utility-Klassen */
.pc-headline {
  font-family: var(--pc-font-display);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.05;
}

.pc-body {
  font-family: var(--pc-font-body);
  font-weight: 400;
  line-height: 1.6;
}

.pc-btn-primary {
  background: var(--pc-orange);
  color: #0F172A;
  border: none;
  border-radius: var(--pc-radius);
  padding: 14px 24px;
  font-family: var(--pc-font-body);
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s;
}
.pc-btn-primary:hover {
  background: var(--pc-orange-hover);
}