/* web/src/assets/theme.css */
:root {
  --p-primary-color: #00d4aa;          /* teal accent */
  --p-primary-contrast-color: #0a0e1a;
  --p-surface-0:  #0a0e1a;             /* deepest background */
  --p-surface-50: #0f1629;
  --p-surface-100: #161e35;
  --p-surface-200: #1e2a45;
  --p-surface-300: #263452;
  --p-surface-400: #34446a;
  --p-surface-700: #8892a4;
  --p-surface-800: #aab4c5;
  --p-surface-900: #cdd6e8;
  
  /* Semantic trading colors */
  --color-bull: #26a69a;
  --color-bear: #ef5350;
  --color-neutral: #8892a4;
}

html, body, #app {
  margin: 0;
  padding: 0;
  height: 100vh !important;
  width: 100vw !important;
  overflow: hidden;
  background-color: var(--p-surface-0) !important;
}

.dark {
  background-color: var(--p-surface-0) !important;
  color: var(--p-surface-900) !important;
}

/* Ensure dark background for main containers */
.app-container,
.main-splitter,
.p-splitter,
.p-splitter-panel {
  background-color: var(--p-surface-0) !important;
}
