/* ============================================================================
   MVP1 — DEFAULT SKIN
   ============================================================================
   To create an org theme: copy this file, change values, save as
   theme-{orgslug}.css in /css/ or /themes/, update organizations.theme_file.
   ============================================================================ */

:root {

  /* -- Page backgrounds --------------------------------------------------- */
  --t-bg:            #e8e8e8;
  --t-surface:       #ffffff;
  --t-surface-2:     #ffffff;
  --t-surface-3:     #f1dede;
  --t-surface-hover: rgba(0, 0, 0, 0.04);

  /* -- Text --------------------------------------------------------------- */
  --t-text:          #1A1818;
  --t-text-muted:    #66605C;
  --t-text-subtle:   #9A948F;
  --t-text-inverse:  #FFFFFF;

  /* -- Borders ------------------------------------------------------------ */
  --t-border:        #4a3c24;
  --t-border-light:  rgba(0, 0, 0, 0.08);

  /* -- Brand -------------------------------------------------------------- */
  --t-brand:         #C4622D;

  /* -- Modal title bar (blue header on popups) ----------------------------- */
  --t-modal-header-bg:   #2060c0;
  --t-modal-header-text: #ffffff;
  --t-modal-close-hover: #c0392b;

  /* -- Tab bar ------------------------------------------------------------- */
  --t-tab-border:        rgba(0, 0, 0, 0.22);
  --t-tab-active-border: rgba(0, 0, 0, 0.35);
  --t-tab-inactive-bg:   rgba(255,255,255,0.82);
  --t-tab-inactive-text: #444444;
  --t-tab-hover-bg:      rgba(255,255,255,0.95);
  --t-tab-hover-text:    #222222;
  --t-tab-active-bg:     #d8d8d8;
  --t-tab-active-text:   #222222;
  --t-tab-content-bg:    #d8d8d8;

  /* -- Device/AV sub-tabs -------------------------------------------------- */
  --t-subtab-inactive-bg:   rgba(255,255,255,0.75);
  --t-subtab-active-bg:     #eaf0fa;
  --t-subtab-active-text:   #1a3a5c;
  --t-subtab-pane-bg:       #eaf0fa;
  --t-subtab-pane-radius:   0 10px 10px 10px;

  /* -- AV pane specific ---------------------------------------------------- */
  --t-av-transcript-bg:    #f8f0dd;
  --t-av-transcript-border:#d4bc7c;
  --t-av-transcript-empty: #8b7340;
  --t-av-label-color:      #6b5a2e;
  --t-av-track-bg:         #ecdcb0;

  /* -- Session player (full-screen dark overlay) --------------------------- */
  --t-player-bg:           #0a0e1a;
  --t-player-text:         #e8ecf5;
  --t-player-save-bg:      #1a1f2e;
  --t-player-save-border:  rgba(255,255,255,0.12);
  --t-player-abort-text:   #fca5a5;
  --t-player-abort-bg:     rgba(239,68,68,0.2);
  --t-player-abort-border: rgba(239,68,68,0.35);

  /* -- EEG canvas/chart border --------------------------------------------- */
  --t-eeg-chart-border:    rgba(30, 90, 200, 0.25);
  --t-spectral-bg:         #0a0a1a;

  /* -- Session library buttons --------------------------------------------- */
  --t-lib-btn-bg:          #d6e3f5;
  --t-lib-btn-border:      #a0bce0;
  --t-lib-btn-text:        #2a4a7a;
  --t-lib-btn-hover-bg:    #c4d6ee;
  --t-lib-btn-hover-border:#7fa4d4;

  /* -- Status badges ------------------------------------------------------- */
  --t-status-analyzed-bg:  rgba(34,197,94,0.15);
  --t-status-analyzed-text:#22c55e;
  --t-status-completed-bg: rgba(96,165,250,0.15);
  --t-status-completed-text:#60a5fa;
  --t-status-other-bg:     rgba(156,163,175,0.15);
  --t-status-other-text:   #9ca3af;

  /* -- Sim button active --------------------------------------------------- */
  --t-sim-active-bg:       rgba(245,158,11,0.25);
  --t-sim-active-border:   #f59e0b;
  --t-sim-active-text:     #f59e0b;

  /* -- Video overlay ------------------------------------------------------- */
  --t-video-overlay-bg:    #000000;
  --t-smile-bar-bg:        rgba(80,80,80,0.55);
  --t-smile-bar-smiling:   rgba(200,40,40,0.55);
  --t-youtube-icon:        #ef4444;
  --t-pitch-badge-text:    #93c5fd;

  /* -- Skin assets --------------------------------------------------------- */
  --t-logo-url:            url('/skins/default/logo.png');
  --t-bg-image:            url('/skins/default/background.jpg');

  /* -- Navbar ------------------------------------------------------------- */
  --t-navbar-bg:              #4a4a52;
  --t-navbar-bg-from:         #1a2f5a;
  --t-navbar-bg-to:           #11213d;
  --t-navbar-text:            #FFFFFF;
  --t-navbar-border:          rgba(0, 0, 0, 0.18);
  --t-navbar-btn-border:      rgba(255, 255, 255, 0.25);
  --t-navbar-btn-hover-bg:    rgba(255, 255, 255, 0.12);
  --t-navbar-btn-hover-border: rgba(255, 255, 255, 0.5);
  --t-navbar-btn-active-bg:   rgba(255, 255, 255, 0.2);

  /* -- Accent / Links ----------------------------------------------------- */
  --t-accent:        #0D7680;
  --t-accent-hover:  #0A5A63;
  --t-accent-bg:     rgba(13, 118, 128, 0.08);

  /* -- Status ------------------------------------------------------------- */
  --t-success:       #00875A;
  --t-warning:       #B35000;
  --t-error:         #CC0000;
  --t-info:          #0D7680;
  --t-danger:        #f87171;
  --t-danger-border: rgba(248, 113, 113, 0.3);
  --t-danger-bg:     rgba(248, 113, 113, 0.12);

  --t-success-bg:    rgba(0, 135, 90,  0.10);
  --t-warning-bg:    rgba(179, 80,  0, 0.10);
  --t-error-bg:      rgba(204, 0,   0, 0.10);
  --t-warning-text:  #f59e0b;

  /* -- EEG Band colors ---------------------------------------------------- */
  --t-band-delta-a:  #6366f1;
  --t-band-delta-b:  #8b5cf6;
  --t-band-theta-a:  #3b82f6;
  --t-band-theta-b:  #06b6d4;
  --t-band-alpha-a:  #10b981;
  --t-band-alpha-b:  #22c55e;
  --t-band-beta-a:   #f59e0b;
  --t-band-beta-b:   #f97316;
  --t-band-gamma-a:  #ef4444;
  --t-band-gamma-b:  #dc2626;

  /* -- EEG canvas --------------------------------------------------------- */
  --t-eeg-canvas-bg:     #dce9f7;
  --t-eeg-text:          #2c3e6b;
  --t-eeg-channel-label: #2c3e6b;

  /* -- EEG connection dots ------------------------------------------------ */
  --t-eeg-dot-off:        #888888;
  --t-eeg-dot-live:       #22c55e;
  --t-eeg-dot-sim:        #38bdf8;
  --t-eeg-dot-connecting: #f59e0b;

  /* -- Accordion ---------------------------------------------------------- */
  --t-accordion-header-bg:     #284766;
  --t-accordion-header-text:   #FFFFFF;
  --t-accordion-body-bg:       #FFFFFF;
  --t-accordion-body-text:     #8C8C8C;
  --t-accordion-content-text:  #555555;

  /* -- Typography --------------------------------------------------------- */
  --t-font-heading: Georgia, 'Times New Roman', Times, serif;
  --t-font-body:    system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --t-font-mono:    'Consolas', 'Monaco', 'Courier New', monospace;

  /* -- Bootstrap overrides ------------------------------------------------ */
  --bs-body-bg:         var(--t-bg);
  --bs-body-color:      var(--t-text);
  --bs-border-color:    var(--t-border);
  --bs-link-color:      var(--t-accent);
  --bs-link-hover-color: var(--t-accent-hover);
  --bs-card-bg:         var(--t-surface);
}

[data-bs-theme="light"] {
  --bs-body-bg:    var(--t-bg);
  --bs-body-color: var(--t-text);
  --bs-card-bg:    var(--t-surface);
}

/* -- Typography base ------------------------------------------------------ */
body {
  font-family: var(--t-font-body);
  background-color: var(--t-bg);
  color: var(--t-text);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--t-font-heading);
}

code, pre, .font-monospace {
  font-family: var(--t-font-mono);
}

/* -- Metric status classes ------------------------------------------------ */
.metric-good   { color: var(--t-success) !important; }
.metric-normal { color: var(--t-warning) !important; }
.metric-poor   { color: var(--t-error)   !important; }