/* Shared presentation tokens and layout primitives. */
:root {
  --bg-landing: #091431;
  --bg-welcoming: #7586c3;
  --bg-showing: #f4f2ec;
  --text-light: #f2f3f1;
  --text-dark: #243348;
  --text-muted: #657184;
  --accent-warm: #f0c98b;
  --accent-hover: #f7d9a6;
  --accent-disabled: #344563;
  --card-blur-bg: rgba(18, 31, 59, 0.78);
  --max-content-width: 880px;
}

* {
  margin: 0;
  padding: 0;
}

body,
html {
  width: 100%;
  min-height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  overflow-x: hidden;
  background-color: var(--bg-landing);
  color: var(--text-light);
  transition: background-color 0.5s ease;
}

#appContent {
  position: relative;
  width: 100%;
  min-height: 100%;
  z-index: 2;
}

.hidden {
  display: none !important;
}