@import 'main-layout.css';
@import 'main-banner.css';

@import 'no-ticket-view.css';

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

@import 'vaadin-components.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%);
}