/* Lorca & Pauly – Design-Tokens. Quelle: ci-ruleset.md, Stand 11.11.2026.
   Negativ (weiß und orange auf Schwarz) ist die primäre Gestaltungsart und der Standard ohne Attribut.
   Positiv (schwarz auf Weiß) ist die Ausnahme für Angebot, Rechnung, Vertrag: data-theme="light" auf dem Wurzelelement. */

:root {
  color-scheme: dark;

  /* Farben */
  --lp-bg: #111111;
  --lp-fg: #FFFFFF;
  --lp-muted: #C8C8C8;
  --lp-rule: #3A3A38;
  --lp-panel: #232323;
  --lp-accent: #F26522;

  /* Schrift */
  --lp-font-display: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
  --lp-font-text: Barlow, Arial, Helvetica, sans-serif;
  --lp-weight-display: 700;
  --lp-weight-text: 400;
  --lp-weight-strong: 600;
  --lp-tracking-display: 0.01em;
  --lp-tracking-label: 0.16em;
  --lp-leading-display: 1;
  --lp-leading-logo: 0.88;
  --lp-leading-text: 1.45;

  /* Schriftgrößen Web */
  --lp-size-h1: clamp(4rem, 16vw, 8.5rem);
  --lp-size-h2: clamp(2.25rem, 7vw, 3.5rem);
  --lp-size-h3: 1.75rem;
  --lp-size-text: 1.125rem;
  --lp-size-label: 0.875rem;

  /* Abstände (Grundeinheit 8 px) */
  --lp-space-1: 0.25rem;  /* 4 */
  --lp-space-2: 0.5rem;   /* 8 */
  --lp-space-3: 0.75rem;  /* 12 */
  --lp-space-4: 1rem;     /* 16 */
  --lp-space-5: 1.5rem;   /* 24 */
  --lp-space-6: 2rem;     /* 32 */
  --lp-space-7: 3.5rem;   /* 56 */

  /* Maße */
  --lp-content-max: 56rem;
  --lp-text-max: 46rem;
  --lp-gutter-min: 16px;
  --lp-rule-width: 2px;
  --lp-radius: 0;
  --lp-portrait: 5.5rem;  /* 88 px */
}

:root[data-theme="light"] {
  color-scheme: light;
  --lp-bg: #FFFFFF;
  --lp-fg: #111111;
  --lp-muted: #4A4A4A;
  --lp-rule: #D6D6D2;
  --lp-panel: #F2F2F0;
  /* --lp-accent bleibt #F26522: auf Weiß nur für Balken und große, fette Schrift ab 24 px */
}

/* Deck-Maße (1920 × 1080 px), nur zur Referenz für Folien */
:root {
  --lp-deck-margin: 128px;
  --lp-deck-margin-bottom: 160px;
  --lp-deck-footer-bottom: 64px;
  --lp-deck-gap: 56px;
  --lp-deck-row-pad: 20px;
  --lp-deck-card-pad: 32px;
  --lp-deck-size-logo: 280px;
  --lp-deck-size-title: 112px;
  --lp-deck-size-number: 64px;
  --lp-deck-size-name: 56px;
  --lp-deck-size-row: 40px;
  --lp-deck-size-card: 32px;
  --lp-deck-size-footer: 28px;
  --lp-deck-size-min: 24px;
}