/* ================================
   Variables (Dark Theme only)
   ================================ */
:root {
  /* Farben */
  --np-bg:        #18191c;
  --np-text:      #e0e0e0;
  --np-text-dim:  #b8b9bd;
  --np-card:      #24262a;
  --np-border:    #2f3136;
  --np-soft:      #1f2023;

  --np-accent:        #d9b253; /* Gold */
  --np-accent-hover:  #c49a34;
  --np-accent-weak:   #8c6a20;

  --np-link:       var(--np-accent);
  --np-link-hover: var(--np-accent-hover);

  --np-success:  #2ea043;
  --np-danger:   #f85149;
  --np-info:     #4c8eda;
  --np-warn:     #c4a000;

  /* Layout */
  --np-radius:     14px;
  --np-radius-sm:  10px;
  --np-radius-md:  14px; /* Alias für Konsistenz */
  --np-gap:        0.3rem;
  --np-pad:        1rem;
  --np-pad-sm:     0.75rem;
  --np-container:  1200px;

  /* Shadow (dezent im Dark) */
  --np-shadow: 0 4px 14px rgba(0,0,0,0.35);

  /* Typografie */
  --np-font:  system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
  --np-mono:  ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --np-fs-xxl: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem);
  --np-fs-xl:  1.375rem;
  --np-fs-lg:  1.125rem;
  --np-fs-md:  1rem;
  --np-fs-sm:  0.9375rem;
  --np-fs-xs:  0.85rem;

  /* Transitions */
  --np-tr-fast:  120ms ease;
  --np-tr-base:  200ms ease;

  --c-accent: #5aa7ff;
}