// ── nbplay shared Less variables ─────────────────────────────────
// Maps to JupyterLab CSS custom properties so widgets automatically
// adapt to the user's chosen Jupyter theme.  Fallback values provide
// a dark default when rendered outside JupyterLab.

// Base palette — JupyterLab layout / border / text hierarchy
@nb-bg: var(--jp-layout-color0, #0f0f1a);
@nb-surface: var(--jp-layout-color1, #14142a);
@nb-border: var(--jp-border-color1, #1e1e3a);
@nb-text: var(--jp-ui-font-color0, #e0e4f0);
@nb-muted: var(--jp-ui-font-color2, #8888aa);
@nb-dim: var(--jp-ui-font-color3, #64648a);

// Accent colours — JupyterLab brand / state palette
@nb-cyan: var(--jp-brand-color1, #00d4ff);
@nb-purple: var(--jp-brand-color0, #7c3aed);
@nb-purple-light: var(--jp-brand-color2, #a855f7);
@nb-purple-badge: var(--jp-brand-color3, #c084fc);
@nb-red: var(--jp-error-color1, #ef4444);
@nb-orange: var(--jp-warn-color1, #f97316);
@nb-green: var(--jp-success-color1, #22c55e);

// Fonts — inherit from JupyterLab
@nb-font-mono: var(--jp-code-font-family, monospace);
@nb-font-sans: var(--jp-ui-font-family, sans-serif);

// Dimensions (geometric; independent of colour theme)
@nb-radius: 12px;
@nb-radius-sm: 8px;
@nb-radius-xs: 6px;
@nb-radius-round: 999px;

// Shadows
@nb-shadow: var(--jp-elevation-z4, 0 4px 24px rgba(0, 0, 0, 0.5));

// Mixer-specific
@nb-mixer-bg: var(--jp-layout-color1, #1a1a2e);
@nb-mixer-border: var(--jp-border-color0, #2d2d4a);
