@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* THEME: MailPaw */
:root {
  --zt-font: "Space Grotesk", "Avenir Next", Avenir, "Trebuchet MS", sans-serif;
  --zt-font-mono: "JetBrains Mono", "Fira Code", "SFMono-Regular", Menlo, monospace;
  --zt-glass: rgba(255, 255, 255, 0.94);
  --zt-glass-border: rgba(15, 23, 42, 0.1);
  --zt-blur: blur(20px);
  --zt-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
  --zt-primary: #111827;
  --zt-primary-strong: #020617;
  --zt-accent: #64748b;
  --zt-danger: #ef4444;
  --zt-gradient: #111827;
  --zt-text: #111827;
  --zt-muted: #64748b;
  --zt-bg: #f6f7f9;
  --zt-surface: #ffffff;
  --zt-surface-strong: #ffffff;
  --zt-radius: 16px;
}

/* GLOBAL RESET */
#zt-panel, #zt-panel *, #zt-fs-layer, #zt-fs-layer * {
  box-sizing: border-box !important;
  font-family: var(--zt-font);
}

#zt-panel, #zt-fs-layer {
  color: var(--zt-text);
}

/* ANIMATIONS */
@keyframes slideUpFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes zoomIn { from { opacity: 0; transform: scale(0.98); } to { opacity: 1; transform: scale(1); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }