/* ============================================================
   THEME: NEUROBRAIN — Infraestrutura Central de IA
   data-theme="neurobrain"
   Paleta: Purple (#a855f7) → Cyan (#38bdf8)
   Stack: Cloudflare Workers (Hono), D1, Vectorize, R2, RAG Engine
   Consumido por: 01-NeuroBRAIN (Engine de IA + Modelos)
   Brand Book v2.0
   ============================================================ */

[data-theme="neurobrain"] {
  /* -- Brand Colors --------------------------------------------- */
  --brand-primary:       #a855f7;
  --brand-primary-light: #c084fc;
  --brand-primary-dark:  #7c3aed;
  --brand-secondary:     #38bdf8;
  --brand-secondary-light: #7dd3fc;
  --brand-secondary-dark: #0ea5e9;

  /* -- Gradients ------------------------------------------------ */
  --brand-gradient:            linear-gradient(135deg, #a855f7, #38bdf8);
  --brand-gradient-hover:      linear-gradient(135deg, #c084fc, #7dd3fc);
  --brand-gradient-subtle:     linear-gradient(135deg, rgba(168,85,247,0.1), rgba(56,189,248,0.1));
  --brand-gradient-btn:        linear-gradient(135deg, #7c3aed, #a855f7);
  --brand-gradient-infra:      linear-gradient(135deg, #a855f7, #38bdf8);
  --brand-gradient-framework:  linear-gradient(135deg, #a855f7, #ec4899);

  /* -- Surfaces (deep purple tech) ------------------------------ */
  --bg-primary:          #08060f;
  --bg-secondary:        #0d0a1a;
  --bg-tertiary:         #15122a;
  --bg-card:             rgba(10,8,22,0.6);
  --bg-elevated:         #15122a;
  --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 ----------------------------------------------------- */
  --text-primary:        #f0edf8;
  --text-secondary:      #a09cb8;
  --text-tertiary:       #7b7894;
  --text-inverse:        #08060f;
  --text-link:           #a855f7;
  --text-link-hover:     #c084fc;

  /* -- Borders -------------------------------------------------- */
  --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);
  --border-purple:       rgba(168,85,247,0.2);
  --border-cyan:         rgba(56,189,248,0.2);

  /* -- Buttons -------------------------------------------------- */
  --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-pink-bg:         linear-gradient(135deg, #db2777, #ec4899);
  --btn-pink-text:       #ffffff;
  --btn-pink-shadow:     0 4px 16px rgba(236,72,153,0.3);
  --btn-grad-bg:         linear-gradient(135deg, #38bdf8, #a855f7, #ec4899);
  --btn-grad-text:       #ffffff;
  --btn-grad-shadow:     0 4px 16px rgba(168,85,247,0.3);
  --btn-danger-bg:       rgba(239,68,68,0.12);
  --btn-danger-text:     #ef4444;
  --btn-danger-border:   rgba(239,68,68,0.3);

  /* -- Navbar --------------------------------------------------- */
  --navbar-bg:           rgba(8,6,15,0.85);
  --navbar-blur:         20px;
  --navbar-border:       rgba(168,85,247,0.08);
  --navbar-text:         #f0edf8;
  --navbar-text-hover:   #a855f7;
  --navbar-active:       #a855f7;
  --navbar-height:       72px;

  /* -- Sidebar -------------------------------------------------- */
  --sidebar-bg:          #0d0a1a;
  --sidebar-border:      rgba(168,85,247,0.07);
  --sidebar-text:        #a09cb8;
  --sidebar-text-hover:  #f0edf8;
  --sidebar-active-bg:   rgba(168,85,247,0.15);
  --sidebar-active-text: #a855f7;
  --sidebar-width:       280px;
  --sidebar-collapsed:   72px;

  /* -- Cards ---------------------------------------------------- */
  --card-bg:             rgba(10,8,22,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;

  /* -- Inputs & Forms ------------------------------------------- */
  --input-bg:            rgba(168,85,247,0.04);
  --input-border:        rgba(168,85,247,0.1);
  --input-text:          #f0edf8;
  --input-placeholder:   #7b7894;
  --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;

  /* -- Badges & Chips ------------------------------------------- */
  --badge-purple-bg:     rgba(168,85,247,0.12);
  --badge-purple-border: rgba(168,85,247,0.2);
  --badge-purple-text:   #a855f7;
  --badge-cyan-bg:       rgba(56,189,248,0.12);
  --badge-cyan-border:   rgba(56,189,248,0.2);
  --badge-cyan-text:     #38bdf8;
  --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 Colors -------------------------------------------- */
  --status-success:      #10b981;
  --status-warning:      #f59e0b;
  --status-error:        #ef4444;
  --status-info:         #a855f7;

  /* -- Focus & Selection ---------------------------------------- */
  --focus-ring:          0 0 0 2px rgba(168,85,247,0.4);
  --selection-bg:        rgba(168,85,247,0.3);

  /* -- Scrollbar ------------------------------------------------ */
  --scrollbar-thumb:     #3f3f46;
  --scrollbar-track:     #0d0a1a;
  --scrollbar-width:     6px;

  /* -- Skeleton Loading ----------------------------------------- */
  --skeleton-base:       #15122a;
  --skeleton-shine:      #3f3f46;

  /* -- Shadows & Glows ------------------------------------------ */
  --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-cyan:           0 0 20px rgba(56,189,248,0.3);

  /* -- Table ---------------------------------------------------- */
  --table-header-bg:     rgba(168,85,247,0.03);
  --table-header-text:   #f0edf8;
  --table-row-hover:     rgba(168,85,247,0.03);
  --table-row-border:    rgba(168,85,247,0.05);
  --table-radius:        14px;

  /* -- Modal / Dialog ------------------------------------------- */
  --modal-overlay:       rgba(0,0,0,0.7);
  --modal-bg:            #0d0a1a;
  --modal-border:        rgba(168,85,247,0.07);
  --modal-radius:        20px;

  /* -- Dropdown Menu -------------------------------------------- */
  --dropdown-bg:         #0d0a1a;
  --dropdown-border:     rgba(168,85,247,0.07);
  --dropdown-item-hover: rgba(168,85,247,0.05);
  --dropdown-radius:     14px;

  /* -- Tooltip -------------------------------------------------- */
  --tooltip-bg:          #15122a;
  --tooltip-text:        #f0edf8;
  --tooltip-border:      rgba(168,85,247,0.1);

  /* -- Tabs ----------------------------------------------------- */
  --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:   #7b7894;
  --tab-radius:          10px;

  /* -- Divider -------------------------------------------------- */
  --divider-color:       rgba(168,85,247,0.07);
  --divider-thickness:   1px;

  /* -- App/Module específico ------------------------------------ */
  --app-card-bg:         rgba(56,189,248,0.08);
  --app-card-text:       #7dd3fc;
  --app-card-border:     rgba(56,189,248,0.2);
}