/* Shoelace theme — Disney Cruise Tracker brand tokens */
:root {
  --sl-color-primary-50: #e6f6f9;
  --sl-color-primary-100: #b8e8f0;
  --sl-color-primary-200: #89d9e7;
  --sl-color-primary-300: #5ac9dd;
  --sl-color-primary-400: #2ebad2;
  --sl-color-primary-500: #0b8ea8;
  --sl-color-primary-600: #087892;
  --sl-color-primary-700: #066276;
  --sl-color-primary-800: #044c5a;
  --sl-color-primary-900: #02363e;
  --sl-color-primary-950: #012228;

  --sl-color-success-600: #1f7d56;
  --sl-color-warning-600: #a66910;
  --sl-color-neutral-600: #5c7086;

  --sl-font-sans: var(--font-sans);
  --sl-font-serif: var(--font-serif);
  --sl-border-radius-medium: 10px;
  --sl-border-radius-large: 16px;
  --sl-focus-ring-color: rgba(11, 142, 168, 0.45);
  --sl-shadow-large: 0 20px 50px rgba(13, 53, 88, 0.14);
}

sl-button::part(base) {
  font-weight: 700;
}

sl-card.ship-card::part(base) {
  border-radius: var(--radius-sm);
  box-shadow: none;
}

sl-card.ship-card.is-selected::part(base) {
  border-color: var(--cta);
  box-shadow: 0 0 0 3px rgba(11, 142, 168, 0.16);
}

sl-card.ship-card.plot-estimated::part(base) {
  border-style: dashed;
  border-color: rgba(166, 105, 16, 0.42);
}

sl-card.ship-card.plot-live.has-plot::part(base) {
  border-color: rgba(31, 125, 86, 0.28);
}

sl-card.ship-card.plot-none::part(base) {
  opacity: 0.88;
}

sl-dialog.about-dialog::part(panel) {
  max-width: 28rem;
}

sl-dialog.about-dialog::part(title) {
  font-family: var(--font-serif);
  color: var(--accent-3);
}

sl-drawer.fleet-drawer::part(panel) {
  z-index: 600;
  max-height: calc(100% - var(--map-toolbar-height) - 1.5rem);
  margin-top: calc(var(--map-toolbar-height) + 0.75rem);
  margin-left: 0.75rem;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow);
}

sl-drawer.fleet-drawer::part(body) {
  padding-top: 0.35rem;
}