/* 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;
  --milio-tile-dashboard: #37373a;
  --milio-tile-pos: #3c5874;
  --milio-tile-chat: #7d6a58;
  --milio-tile-ai: #5c5474;
  --milio-tile-karyawan: #7a5c5c;
  --milio-tile-site: #ffffff;
  --milio-wash-dashboard: #e4e6eb;
  --milio-wash-pos: #d7e4f4;
  --milio-wash-chat: #f3ece3;
  --milio-wash-ai: #ebe4f5;
  --milio-wash-karyawan: #ececee;
  /* Milio triad — deep teal / putih / teal-emerald */
  --milio-black: #0B3D3A;
  --milio-white: #ffffff;
  --milio-canvas: #f5f5f7;
  --milio-accent: #1FA89A;
  --milio-accent-hover: #178F84;
  --milio-accent-soft: #E8F7F5;
  --milio-accent-border: #A8DED8;
  --milio-glow: #4EC4B6;
  --milio-ink: #37373a;
}
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); } }