/* One surface treatment for the homepage panels, in both themes. */
:root {
  --index-panel-background: linear-gradient(135deg, #252041 0%, #171f35 60%, #102532 100%);
  --index-panel-border: rgba(163, 146, 213, .28);
  --index-panel-shadow: 0 12px 32px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .045);
}
:root[data-theme="light"] {
  --index-panel-background: linear-gradient(135deg, #e9e4f5 0%, #e8eaf3 60%, #e4eef1 100%);
  --index-panel-border: rgba(105, 85, 158, .22);
  --index-panel-shadow: 0 12px 32px rgba(64, 49, 106, .07), inset 0 1px 0 rgba(255, 255, 255, .6);
}
:root[data-theme] :is(.cardx, .border-grad, #how .step, #sim-chat, #faq .accordion-button, #faq .accordion-body) {
  background: var(--index-panel-background);
  border-color: var(--index-panel-border);
  box-shadow: var(--index-panel-shadow);
}
:root[data-theme] :is(.cardx, .border-grad, #how .step, #sim-chat) { border-radius: 18px; }
:root .cardx::before { background: none; }