/**
 * PaxDesign Design System — v6
 * GitHub-inspired tokens. Yellow brand accent (#c2ff00).
 */

#pdx-root,
#pdx-panel,
#pdx-backdrop,
#pdx-notif,
.pdx-cmd-overlay,
.pdx-admin-wrap {
  --pdx-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
  --pdx-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --pdx-radius: 6px;
  --pdx-radius-lg: 10px;
  --pdx-ease: 0.16s ease;
  --pdx-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  --pdx-accent: #c2ff00;
  --pdx-accent-dim: rgba(194, 255, 0, 0.14);
  --pdx-accent-border: rgba(194, 255, 0, 0.35);
  --pdx-on-accent: #0d1117;
}

/* Dark (default) */
#pdx-root[data-theme="dark"],
#pdx-root:not([data-theme]),
#pdx-panel,
#pdx-backdrop,
#pdx-notif,
.pdx-cmd-overlay {
  --pdx-bg: #0d1117;
  --pdx-bg-elev: #161b22;
  --pdx-bg-muted: #21262d;
  --pdx-bg-hover: #30363d;
  --pdx-border: #30363d;
  --pdx-border-muted: #21262d;
  --pdx-text: #e6edf3;
  --pdx-text-muted: #8b949e;
  --pdx-text-subtle: #6e7681;
  --pdx-danger: #f85149;
  --pdx-warn: #d29922;
  --pdx-success: #c2ff00;
  --pdx-info: #58a6ff;
}

/* Light */
#pdx-root[data-theme="light"] {
  --pdx-bg: #ffffff;
  --pdx-bg-elev: #f6f8fa;
  --pdx-bg-muted: #eaeef2;
  --pdx-bg-hover: #d0d7de;
  --pdx-border: #d0d7de;
  --pdx-border-muted: #eaeef2;
  --pdx-text: #1f2328;
  --pdx-text-muted: #656d76;
  --pdx-text-subtle: #8c959f;
  --pdx-shadow: 0 8px 24px rgba(31, 35, 40, 0.12);
}

#pdx-root[data-theme="auto"] {
  color-scheme: dark light;
}

@media (prefers-color-scheme: light) {
  #pdx-root[data-theme="auto"] {
    --pdx-bg: #ffffff;
    --pdx-bg-elev: #f6f8fa;
    --pdx-bg-muted: #eaeef2;
    --pdx-bg-hover: #d0d7de;
    --pdx-border: #d0d7de;
    --pdx-border-muted: #eaeef2;
    --pdx-text: #1f2328;
    --pdx-text-muted: #656d76;
    --pdx-text-subtle: #8c959f;
    --pdx-shadow: 0 8px 24px rgba(31, 35, 40, 0.12);
  }
}

/* Admin shell — compact enterprise density + readable contrast */
.pdx-admin-wrap {
  --pdx-bg: #0d1117;
  --pdx-bg-elev: #161b22;
  --pdx-bg-muted: #21262d;
  --pdx-bg-hover: #30363d;
  --pdx-border: #3d444d;
  --pdx-text: #f0f3f6;
  --pdx-text-muted: #b1bac4;
  --pdx-text-subtle: #8b949e;
  --pdx-text-hint: #9ea7b3;
  --pdx-sidebar-w: 188px;
  --pdx-control-col: 52px;
  --pdx-space-1: 4px;
  --pdx-space-2: 8px;
  --pdx-space-3: 10px;
  --pdx-space-4: 14px;
  --pdx-space-5: 18px;
  --pdx-space-6: 24px;
  --pdx-content-max: none;
}

/* Frontend panel sizing */
#pdx-root {
  --pdx-panel-w-sm: clamp(320px, 92vw, 380px);
  --pdx-panel-w-md: clamp(360px, 38vw, 440px);
  --pdx-panel-w-lg: clamp(400px, 32vw, 480px);
  --pdx-panel-scroll-pad: 16px 20px;
}

.pdx-admin-wrap[data-pdx-theme="light"] {
  --pdx-bg: #ffffff;
  --pdx-bg-elev: #f6f8fa;
  --pdx-bg-muted: #eaeef2;
  --pdx-bg-hover: #d0d7de;
  --pdx-border: #d0d7de;
  --pdx-text: #1f2328;
  --pdx-text-muted: #424a53;
  --pdx-text-subtle: #656d76;
  --pdx-text-hint: #57606a;
}