@import url('./main-layout.css');
@import url('./main-banner.css');

@import url('./no-ticket-view.css');

@import url('./cards.css');
@import url('./speakers.css');
@import url('./exhibitors.css');
@import url('./schedule-display.css');
@import url('./schedule-filter.css');
@import url('./schedule-info-banner.css');
@import url('./speaker-preview-card.css');
@import url('./bookmark-icon.css');
@import url('./speaker-detail.css');
@import url('./session-detail.css');
@import url('./shared.css');

[theme~='dark'] {
  --lumo-base-color: hsl(214, 20%, 10%);

  --lumo-shade-5pct: rgba(15, 17, 21, 0.05);
  --lumo-shade-10pct: rgba(15, 17, 21, 0.1);
  --lumo-shade-20pct: rgba(15, 17, 21, 0.2);
  --lumo-shade-30pct: rgba(15, 17, 21, 0.3);
  --lumo-shade-40pct: rgba(15, 17, 21, 0.4);
  --lumo-shade-50pct: rgba(15, 17, 21, 0.5);
  --lumo-shade-60pct: rgba(15, 17, 21, 0.6);
  --lumo-shade-70pct: rgba(15, 17, 21, 0.7);
  --lumo-shade-80pct: rgba(15, 17, 21, 0.8);
  --lumo-shade-90pct: rgba(15, 17, 21, 0.9);
  --lumo-shade: hsl(214, 15%, 7%);
}