/* AUTO-GENERATED — jangan edit. Ubah packages/brand-tokens/colors.js lalu npm run brand:sync */
:root {
  --boot-bg: #0f3d28;
  --boot-text: #ecfdf5;
  --boot-text-muted: #bbf7d0;
  --boot-spinner-track: rgba(236, 253, 245, 0.35);
  --boot-spinner-head: #ecfdf5;
}
html.cemara-boot,
html.cemara-boot body,
html.cemara-boot #cemara-boot {
  background: var(--boot-bg);
}
html.cemara-boot #cemara-boot {
  color: var(--boot-text);
  font-family: var(--font-sans);
  font-size: var(--text-body-size);
  line-height: var(--text-body-leading);
}
html.cemara-boot #cemara-boot span {
  color: var(--boot-text-muted);
}
html.cemara-boot #cemara-boot {
  display: flex;
  position: fixed;
  inset: 0;
  z-index: 9999;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
#cemara-boot { display: none; }
html.cemara-boot #cemara-boot img { width: 84px; height: 84px; }
html.cemara-boot #cemara-boot strong { font-size: 22px; letter-spacing: -0.02em; }
html.cemara-boot #cemara-boot i {
  width: 22px;
  height: 22px;
  margin-top: 8px;
  border: 2px solid var(--boot-spinner-track);
  border-top-color: var(--boot-spinner-head);
  border-radius: 999px;
  animation: cemara-boot-spin 0.8s linear infinite;
}
@keyframes cemara-boot-spin { to { transform: rotate(360deg); } }