/* =====================================================
   AI Revenue System — Design Tokens
   Quelle: leaderlogic.de styles.css (1:1 übernommen).
   HIER drehen für systemweite Änderungen an Farbe/Typo.
   ===================================================== */

@font-face {
  font-family: 'TT Norms';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/TT-Norms-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'TT Norms';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/TT-Norms-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'TT Norms';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/TT-Norms-Bold.woff2') format('woff2');
}

:root {
  /* ---- Primitive (aus leaderlogic.de) ---- */
  --c-ink:          #ffffff;
  --c-ink-soft:     rgba(255,255,255,0.62);
  --c-ink-faint:    rgba(255,255,255,0.30);
  --c-line:         rgba(255,255,255,0.14);
  --c-accent:       #d8fd5b;
  --c-accent-hi:    #c8f08a;
  --c-accent-ink:   #0c1206;
  --c-accent-rgb:   216, 253, 91;
  --c-surface:      #161618;
  --c-surface-2:    #101012;
  --c-surface-line: rgba(255,255,255,0.08);
  --c-black:        #060611;

  --font-tt: "TT Norms", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  /* ---- Semantische Portal-Tokens (Jans Stellschrauben) ---- */
  --portal-accent:       var(--c-accent);
  --portal-accent-hover: var(--c-accent-hi);
  --portal-accent-ink:   var(--c-accent-ink);
  --portal-bg:           #0a0a0c;
  --portal-surface:      var(--c-surface);
  --portal-surface-2:    var(--c-surface-2);
  --portal-text:         var(--c-ink);
  --portal-text-soft:    var(--c-ink-soft);
  --portal-text-faint:   var(--c-ink-faint);
  --portal-line:         var(--c-surface-line);

  --heading-font:   var(--font-tt);
  --body-font:      var(--font-tt);
  --portal-h1-size: clamp(30px, 3.4vw, 44px);
  --portal-h1-weight: 500;
  --portal-h1-spacing: -0.5px;

  --kicker-size: 12px;
  --kicker-spacing: 0.14em;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --space-1: 4px;  --space-2: 8px;  --space-3: 12px;  --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px;  --space-10: 40px;
  --space-12: 48px;

  --shadow-card: 0 10px 40px rgba(0,0,0,0.35);
  --transition: 0.22s cubic-bezier(.4,0,.2,1);

  /* Formularfelder — Jans Präferenz: min. 19px Schrift, graue Flächen */
  --field-font-size: 19px;
  --field-bg: rgba(255,255,255,0.055);
  --field-bg-focus: rgba(255,255,255,0.085);
}