/* ═══════════════════════════════════════════════════════════════════
   Flexnet Docs — docswerx-style Theme Override
   ═══════════════════════════════════════════════════════════════════
   Loaded between theme-default.css and docs.css.
   Overrides Token Exchange variables with a neutral dark palette
   matching docswerx.app documentation: flat, no gradients, minimal
   chrome.
   ═══════════════════════════════════════════════════════════════════ */

:root,
[data-theme="dark"] {
  /* ── colour palette — neutral dark, no blue tinting ─────────── */
  --color-bg:        #191919;
  --color-bg-elev:   #1e1e1e;
  --color-fg:        #e5e5e5;
  --color-fg-muted:  #9a9a9a;
  --color-border:    #2a2a2a;

  /* ── brand — neutral white instead of blue ──────────────────── */
  --brand-500: #e5e5e5;
  --brand-600: #d4d4d4;
  --brand-700: #c0c0c0;

  /* ── gradients — flat / none ────────────────────────────────── */
  --bg-gradient:      #191919;
  --panel-gradient:   none;
  --header-gradient:  none;

  /* ── shadows — minimal / none ───────────────────────────────── */
  --shadow-sm:     none;
  --shadow-md:     none;
  --shadow-lg:     0 4px 12px rgba(0, 0, 0, 0.3);
  --panel-shadow:  none;

  /* ── effects removed ────────────────────────────────────────── */
  --backdrop-filter:     none;
  --text-shadow-brand:   none;
  --text-shadow-heading: none;
  --text-shadow-title:   none;

  /* ── --clr-* aliases (docs.css token namespace) ─────────────── */
  --clr-bg:          var(--color-bg);
  --clr-bg-elevated: var(--color-bg-elev);
  --clr-fg:          var(--color-fg);
  --clr-fg-muted:    var(--color-fg-muted);
  --clr-border:      var(--color-border);
  --clr-brand:       var(--brand-500);

  /* ── spacing tokens ─────────────────────────────────────────── */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-7:  1.75rem;
  --sp-8:  2rem;
  --sp-9:  2.25rem;
  --sp-10: 2.5rem;

  /* ── header compact ─────────────────────────────────────────── */
  --header-h: 48px;
}

/* ── light theme variant ──────────────────────────────────────── */

[data-theme="light"] {
  --color-bg:        #ffffff;
  --color-bg-elev:   #f7f7f7;
  --color-fg:        #1a1a1a;
  --color-fg-muted:  #6b6b6b;
  --color-border:    #e0e0e0;

  --brand-500: #1a1a1a;
  --brand-600: #333333;
  --brand-700: #4d4d4d;

  --bg-gradient:      #ffffff;
  --panel-gradient:   none;
  --header-gradient:  none;

  --shadow-sm:     none;
  --shadow-md:     none;
  --shadow-lg:     0 4px 12px rgba(0, 0, 0, 0.08);
  --panel-shadow:  none;

  --backdrop-filter:     none;
  --text-shadow-brand:   none;
  --text-shadow-heading: none;
  --text-shadow-title:   none;

  --clr-bg:          var(--color-bg);
  --clr-bg-elevated: var(--color-bg-elev);
  --clr-fg:          var(--color-fg);
  --clr-fg-muted:    var(--color-fg-muted);
  --clr-border:      var(--color-border);
  --clr-brand:       var(--brand-500);
}