/* SCTax Theme Styles */

:root {
  --lumo-primary-color: #1976d2;
  --lumo-primary-color-50pct: rgba(25, 118, 210, 0.5);
  --lumo-primary-color-10pct: rgba(25, 118, 210, 0.1);
  --lumo-primary-text-color: #1976d2;
  --lumo-primary-contrast-color: #ffffff;
  
  --lumo-success-color: #4caf50;
  --lumo-error-color: #f44336;
  --lumo-warning-color: #ff9800;
  
  --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Application specific styles */
.sctax-header {
  background: var(--lumo-primary-color);
  color: var(--lumo-primary-contrast-color);
  padding: 1rem;
}

.sctax-chat-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 1rem;
}

.sctax-message {
  margin-bottom: 1rem;
  padding: 0.75rem;
  border-radius: 8px;
}

.sctax-message.user {
  background: var(--lumo-primary-color-10pct);
  margin-left: 2rem;
}

.sctax-message.assistant {
  background: var(--lumo-contrast-10pct);
  margin-right: 2rem;
}

/* Fix for Vaadin components */
vaadin-app-layout {
  --vaadin-app-layout-navbar-background: var(--lumo-primary-color);
}

vaadin-button[theme~="primary"] {
  background: var(--lumo-primary-color);
  color: var(--lumo-primary-contrast-color);
}