/* Oytel master stylesheet */

@import "foundation/reset.css";
@import "foundation/tokens.css";
@import "foundation/typography.css";
@import "foundation/document.css";
@import "foundation/accessibility.css";

@import "utilities/display.css";
@import "utilities/spacing.css";
@import "utilities/alignment.css";
@import "utilities/text.css";
@import "utilities/visibility.css";

@import "components/layout/container.css";
@import "components/layout/section.css";
@import "components/layout/grid.css";
@import "components/layout/rail.css";

@import "components/navigation/header.css";
@import "components/navigation/footer.css";

@import "components/hero/hero.css";
@import "components/search/search-dock.css";

@import "components/travel/transport-card.css";
@import "components/travel/stay-card.css";
@import "components/travel/itinerary.css";
@import "components/travel/timeline.css";
@import "components/travel/price.css";
@import "components/travel/provenance.css";

@import "themes/base.css";
@import "themes/asia.css";
@import "themes/eu.css";
@import "themes/us.css";
@import "themes/link.css";

.oytel-card {
  background: var(--oytel-color-surface-card);
  color: var(--oytel-color-text-primary);
  border: 1px solid var(--oytel-color-border-default);
  border-radius: var(--oytel-radius-card);
  box-shadow: var(--oytel-shadow-card);
}

.oytel-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--oytel-spacing-sm) var(--oytel-spacing-md);
  border-radius: var(--oytel-radius-button);
  font-weight: 600;
  cursor: pointer;
  border: none;
  background: var(--oytel-color-brand-primary);
  color: var(--oytel-color-text-inverse);
}

.oytel-button--primary {
  background: var(--oytel-color-brand-primary);
  color: var(--oytel-color-text-inverse);
}

.oytel-button--secondary {
  background: var(--oytel-color-brand-secondary);
}

.oytel-button--ghost {
  background: transparent;
  color: var(--oytel-color-brand-primary);
  border: 1px solid var(--oytel-color-border-default);
}