/* Deck shell: tokens from spec/design (Lagoon Classic), 1920×1080 stage scaled to fit. */

:root {
  --tint: #337691;
  --tint-text: #266178;
  --tint-fill: #E6EEF2;
  --tint-fill-2: #CDDEE6;
  --bg: #F2F7F9;
  --card: #FFFFFF;
  --label: #141C20;
  --secondary: #5B656A;
  --tertiary: #7B8184;
  --separator: #DCE2E5;

  --font: -apple-system, "SF Pro Display", Inter, system-ui, sans-serif;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.7, 0, .2, 1);
}

:root[data-theme="dark"] {
  --tint: #70A0B5;
  --tint-text: #8DB8CA;
  --tint-fill: #1A2D35;
  --tint-fill-2: #24414D;
  --bg: #0F1011;
  --card: #1C1D1F;
  --label: #F2F3F4;
  --secondary: #A6AAAE;
  --tertiary: #8D9196;
  --separator: #323438;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  overflow: hidden;
  background: var(--bg);
  color: var(--label);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "tnum" 0, "ss01";
}

.viewport {
  position: fixed;
  inset: 0;
}

.stage {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1920px;
  height: 1080px;
  transform-origin: center;
  transform: translate(-50%, -50%) scale(var(--stage-scale, 1));
}

.slide {
  position: absolute;
  inset: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: opacity .6s var(--ease-out), visibility 0s linear .6s;
}

.slide.is-active {
  opacity: 1;
  visibility: visible;
  transition: opacity .6s var(--ease-out), visibility 0s;
}

.kicker {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--tint-text);
}

.progress {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: transparent;
}

.progress-bar {
  height: 100%;
  width: 0;
  background: var(--tint);
  border-radius: 0 3px 3px 0;
  transition: width .6s var(--ease-out);
}

body.is-presenting { cursor: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
  }
}