/* ========================================================================
   Nerdschmie.de Desktop Design Foundation V1
   Phase: Desktop Design Harmonisierung – Phase 1
   Marker: nerdschmie-desktop-design-foundation-v1-20260826

   Purpose:
   - conflict-safe global design tokens
   - opt-in foundation only; no existing page is redesigned here
   - historical --nsd-bg/--nsd-panel/--nsd-bdr variables remain untouched
   ======================================================================== */

:root {
  /* Colors */
  --nsd-color-bg: #0a0a0a;
  --nsd-color-surface: #111216;
  --nsd-color-surface-raised: #17191d;
  --nsd-color-surface-soft: #0d1211;

  --nsd-color-text: rgba(232,249,243,.90);
  --nsd-color-text-body: rgba(226,236,232,.78);
  --nsd-color-text-muted: #9aa7b3;
  --nsd-color-text-faint: rgba(226,236,232,.58);

  --nsd-color-accent: #00ff96;
  --nsd-color-accent-soft: rgba(0,255,150,.10);
  --nsd-color-accent-glow: rgba(0,255,150,.12);

  /* Borders */
  --nsd-border-subtle: rgba(255,255,255,.08);
  --nsd-border-hover: rgba(255,255,255,.12);
  --nsd-border-strong: rgba(255,255,255,.16);
  --nsd-border-accent: rgba(0,255,150,.40);
  --nsd-border-accent-hover: rgba(0,255,150,.70);
  --nsd-border-accent-soft: rgba(0,255,150,.13);

  /* Radius */
  --nsd-radius-sm: 8px;
  --nsd-radius-control: 10px;
  --nsd-radius-card: 14px;
  --nsd-radius-panel: 16px;
  --nsd-radius-hero: 24px;
  --nsd-radius-pill: 999px;

  /* Spacing */
  --nsd-space-1: 4px;
  --nsd-space-2: 8px;
  --nsd-space-3: 12px;
  --nsd-space-4: 16px;
  --nsd-space-5: 24px;
  --nsd-space-6: 32px;
  --nsd-space-7: 48px;
  --nsd-space-8: 64px;
  --nsd-space-card: var(--nsd-space-4);
  --nsd-space-section: clamp(1.75rem, 2.4vw, 2.55rem);
  --nsd-space-heading-after: clamp(.82rem, 1.05vw, 1.08rem);

  /* Typography */
  --nsd-type-hero-h1-size: clamp(2.1rem, 1.2vw + 1.7rem, 2.4rem);
  --nsd-type-hero-h1-line: 1.10;
  --nsd-type-hero-h1-weight: 700;

  --nsd-type-section-size: clamp(1.18rem, 1.05vw + .86rem, 1.52rem);
  --nsd-type-section-line: 1.18;
  --nsd-type-section-weight: 780;
  --nsd-type-section-tracking: .01em;

  --nsd-type-card-title-size: 1.05rem;
  --nsd-type-card-title-line: 1.25;
  --nsd-type-card-title-weight: 700;

  --nsd-type-lead-size: 1.05rem;
  --nsd-type-lead-line: 1.50;
  --nsd-type-body-size: .95rem;
  --nsd-type-body-line: 1.55;
  --nsd-type-meta-size: .84rem;
  --nsd-type-label-size: .72rem;

  /* Fonts */
  --nsd-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --nsd-font-display: "Orbitron", system-ui, sans-serif;

  /* Shadows */
  --nsd-shadow-card: 0 10px 22px rgba(0,0,0,.32);
  --nsd-shadow-card-hover: 0 14px 34px rgba(0,0,0,.42);
  --nsd-shadow-hero: 0 0 32px rgba(0,0,0,.80);

  /* Focus */
  --nsd-focus-color: rgba(0,255,150,.85);
  --nsd-focus-width: 2px;
  --nsd-focus-offset: 2px;

  /* Controls */
  --nsd-control-height: 44px;
  --nsd-control-bg: #2a2a2a;
  --nsd-control-border: rgba(0,255,150,.40);

  /* Buttons */
  --nsd-button-border: rgba(0,255,150,.40);
  --nsd-button-border-hover: rgba(0,255,150,.70);
  --nsd-button-bg: rgba(0,0,0,.18);
  --nsd-button-bg-hover: rgba(0,255,150,.10);
}