/* Import of scientific font */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap');

:root, body {
  /* Main colors */
  --q-primary: #1E293B !important;    /* Header and important text */
  --q-secondary: #0284C7 !important;  /* Sim 1 buttons and secondary actions */
  --q-accent: #EA580C !important;     /* Sim 2 buttons and contrasts */
  
  /* Light backgrounds */
  --q-dark-page: #F1F5F9 !important;

  /* Text and borders */
  --text-main: #334155;
  --text-muted: #64748B;
  --border-subtle: #E2E8F0;

  /* Typography */
  --q-font-family: 'IBM Plex Sans', -apple-system, sans-serif !important;
}

/* Forced application to page body */
body {
  background-color: var(--q-dark-page) !important;
  color: var(--text-main) !important;
  font-family: var(--q-font-family) !important;
}

/* Table redesign for light theme */
table {
  border-collapse: collapse;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 8px;
  overflow: hidden;
}

th, td {
  border-bottom: 1px solid var(--border-subtle);
  padding: 12px 10px;
  text-align: center;
  color: var(--text-main);
  font-size: 0.95rem;
}

th {
  background-color: #F8FAFC;
  color: var(--text-muted);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
}

/* Icon colors for the risk selection menu */
.risk-toggle .q-btn:nth-child(1) .q-icon { color: #2196F3 !important; } /* Frost (Blue) */
.risk-toggle .q-btn:nth-child(2) .q-icon { color: #F44336 !important; } /* Heat (Red) */
.risk-toggle .q-btn:nth-child(3) .q-icon { color: #00BCD4 !important; } /* Aridity (Cyan) */
.risk-toggle .q-btn:nth-child(4) .q-icon { color: #4CAF50 !important; } /* Branas (Green) */

/* Icon colors for the Yield Mode menu */
.yield-toggle .q-btn:nth-child(1) .q-icon { color: #2196F3 !important; } /* Cloud (Blue) */
.yield-toggle .q-btn:nth-child(2) .q-icon { color: #4CAF50 !important; } /* Tree (Green) */

/* Prevent Plotly elements from exceeding the width of their parent container */
.plotly-graph-div {
  width: 100% !important;
  max-width: 100% !important;
}

/* Purple (Diversification Study / R&D) */
.bg-deep-purple-1 { background-color: #EDE9FE !important; }
.text-deep-purple-7 { color: #5B21B6 !important; }

/* Brown (Aridity Risk / Mulching) */
.bg-brown-1 { background-color: #EFEBE9 !important; }
.bg-brown-3 { background-color: #D7CCC8 !important; }
.text-brown-7 { color: #5D4037 !important; }
.text-brown-10 { color: #3E2723 !important; }