/* ============================================================
   THEME: NEUROCREATORS — Suite de Mídia / DAW / NLE
   data-theme="neurocreators"
   Paleta: Purple (#a855f7) → Pink (#ec4899)
   Stack: Cloudflare Workers, R2, Stream
   Consumido por: NeuroCreators (Editor de Mídia + NLE)
   Brand Book v2.0
   ============================================================ */

[data-theme="neurocreators"] {
  --brand-primary: #a855f7;
  --brand-primary-light: #c084fc;
  --brand-primary-dark: #7c3aed;
  --brand-secondary: #ec4899;
  --brand-secondary-light: #f9a8d4;
  --brand-secondary-dark: #db2777;
  --brand-gradient: linear-gradient(135deg, #a855f7, #ec4899);
  --brand-gradient-hover: linear-gradient(135deg, #c084fc, #f9a8d4);
  --brand-gradient-subtle: linear-gradient(135deg, rgba(168,85,247,0.1), rgba(236,72,153,0.1));
  --brand-gradient-btn: linear-gradient(135deg, #7c3aed, #a855f7);
  --bg-primary: #08040c;
  --bg-secondary: #100818;
  --bg-tertiary: #1a0d24;
  --bg-card: rgba(16,8,24,0.6);
  --bg-elevated: #1a0d24;
  --bg-glass: rgba(168,85,247,0.03);
  --bg-hover: rgba(168,85,247,0.05);
  --bg-active: rgba(168,85,247,0.1);
  --bg-inverse: #ffffff;
  --text-primary: #f0ecf5;
  --text-secondary: #a898b8;
  --text-tertiary: #7b6c8c;
  --text-inverse: #08040c;
  --text-link: #a855f7;
  --text-link-hover: #c084fc;
  --border-primary: rgba(168,85,247,0.07);
  --border-secondary: rgba(168,85,247,0.04);
  --border-focus: #a855f7;
  --border-brand: rgba(168,85,247,0.3);
  --btn-primary-bg: linear-gradient(135deg, #7c3aed, #a855f7);
  --btn-primary-text: #ffffff;
  --btn-primary-hover: linear-gradient(135deg, #a855f7, #c084fc);
  --btn-primary-shadow: 0 4px 16px rgba(168,85,247,0.3);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: #a855f7;
  --btn-secondary-text: #a855f7;
  --btn-secondary-hover: rgba(168,85,247,0.15);
  --btn-ghost-hover: rgba(168,85,247,0.08);
  --btn-danger-bg: rgba(239,68,68,0.12);
  --btn-danger-text: #ef4444;
  --btn-danger-border: rgba(239,68,68,0.3);
  --navbar-bg: rgba(8,4,12,0.85);
  --navbar-blur: 20px;
  --navbar-border: rgba(168,85,247,0.08);
  --navbar-text: #f0ecf5;
  --navbar-text-hover: #a855f7;
  --navbar-active: #a855f7;
  --navbar-height: 72px;
  --sidebar-bg: #100818;
  --sidebar-border: rgba(168,85,247,0.07);
  --sidebar-text: #a898b8;
  --sidebar-text-hover: #f0ecf5;
  --sidebar-active-bg: rgba(168,85,247,0.15);
  --sidebar-active-text: #a855f7;
  --sidebar-width: 280px;
  --sidebar-collapsed: 72px;
  --card-bg: rgba(16,8,24,0.6);
  --card-border: rgba(168,85,247,0.07);
  --card-shadow: 0 1px 3px rgba(0,0,0,0.4);
  --card-hover-shadow: 0 10px 15px -3px rgba(0,0,0,0.5);
  --card-radius: 20px;
  --input-bg: rgba(168,85,247,0.04);
  --input-border: rgba(168,85,247,0.1);
  --input-text: #f0ecf5;
  --input-placeholder: #7b6c8c;
  --input-focus-border: #a855f7;
  --input-focus-bg: rgba(168,85,247,0.08);
  --input-focus-shadow: 0 0 0 4px rgba(168,85,247,0.15);
  --input-radius: 14px;
  --badge-purple-bg: rgba(168,85,247,0.12);
  --badge-purple-border: rgba(168,85,247,0.2);
  --badge-purple-text: #a855f7;
  --badge-pink-bg: rgba(236,72,153,0.12);
  --badge-pink-border: rgba(236,72,153,0.2);
  --badge-pink-text: #ec4899;
  --chip-bg: rgba(168,85,247,0.15);
  --chip-text: #c084fc;
  --chip-border: rgba(168,85,247,0.25);
  --status-success: #10b981;
  --status-warning: #f59e0b;
  --status-error: #ef4444;
  --status-info: #a855f7;
  --focus-ring: 0 0 0 2px rgba(168,85,247,0.4);
  --selection-bg: rgba(168,85,247,0.3);
  --scrollbar-thumb: #3f3f46;
  --scrollbar-track: #100818;
  --scrollbar-width: 6px;
  --skeleton-base: #1a0d24;
  --skeleton-shine: #3f3f46;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
  --shadow: 0 4px 16px rgba(0,0,0,0.5);
  --shadow-lg: 0 20px 40px rgba(0,0,0,0.6);
  --shadow-sm-brand: 0 1px 3px rgba(168,85,247,0.2);
  --shadow-md-brand: 0 4px 6px -1px rgba(168,85,247,0.3);
  --shadow-lg-brand: 0 10px 15px -3px rgba(168,85,247,0.35);
  --glow-purple: 0 0 20px rgba(168,85,247,0.3);
  --glow-pink: 0 0 20px rgba(236,72,153,0.3);
  --table-header-bg: rgba(168,85,247,0.03);
  --table-header-text: #f0ecf5;
  --table-row-hover: rgba(168,85,247,0.03);
  --table-row-border: rgba(168,85,247,0.05);
  --table-radius: 14px;
  --modal-overlay: rgba(0,0,0,0.7);
  --modal-bg: #100818;
  --modal-border: rgba(168,85,247,0.07);
  --modal-radius: 20px;
  --dropdown-bg: #100818;
  --dropdown-border: rgba(168,85,247,0.07);
  --dropdown-item-hover: rgba(168,85,247,0.05);
  --dropdown-radius: 14px;
  --tooltip-bg: #1a0d24;
  --tooltip-text: #f0ecf5;
  --tooltip-border: rgba(168,85,247,0.1);
  --tab-active-bg: rgba(168,85,247,0.1);
  --tab-active-text: #a855f7;
  --tab-hover-bg: rgba(168,85,247,0.04);
  --tab-inactive-text: #7b6c8c;
  --tab-radius: 10px;
  --divider-color: rgba(168,85,247,0.07);
  --divider-thickness: 1px;
  --app-card-bg: rgba(236,72,153,0.08);
  --app-card-text: #f9a8d4;
  --app-card-border: rgba(236,72,153,0.2);
}