/* parboman.com — site-specific styles (loaded by baseof) */

:root { --radius: 1.25rem; }
.rounded-2xl { border-radius: var(--radius); }

.grid-bg {
  background-image:
    linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 24px 24px;
}

/* Confetti */
.confetti { position: fixed; inset: 0; pointer-events: none; z-index: 40; overflow: hidden; }
.confetti span { position: absolute; top: -20px; font-size: 22px; animation: fall 1.8s ease-out forwards; }
@keyframes fall {
  0% { transform: translateY(-20px) rotate(0deg); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translateY(800px) rotate(360deg); opacity: 0.9; }
}

/* Editor mode overrides */
.editor-mode { background: #fafafa !important; color: #1c1917 !important; }
.editor-mode .grid-bg { opacity: 0; }
.editor-mode header nav a,
.editor-mode .header-btn { background: rgba(0,0,0,.06) !important; color: #1c1917 !important; }
.editor-mode .header-btn:hover { background: rgba(0,0,0,.1) !important; }
.editor-mode .card { border-color: #e5e5e5 !important; background: #fff !important; }
.editor-mode .card:hover { background: #f5f5f5 !important; }
.editor-mode .card .glow { opacity: 0.08 !important; }
.editor-mode .card p,
.editor-mode .card .visit-link { color: #525252 !important; }
.editor-mode .card .project-name { color: #1c1917 !important; }
.editor-mode .card .project-domain { color: #737373 !important; }
.editor-mode .theme-box { border-color: #e5e5e5 !important; background: #fff !important; color: #1c1917 !important; }
.editor-mode .theme-box p { color: #525252 !important; }
.editor-mode .theme-box a.underline { color: #059669 !important; }
.editor-mode .about-box { border-color: #e5e5e5 !important; background: #fff !important; color: #1c1917 !important; }
.editor-mode .about-box p { color: #3f3f46 !important; opacity: 1 !important; }
.editor-mode .about-box .disclaimer { color: #737373 !important; }
.editor-mode footer { border-color: #e5e5e5 !important; color: #737373 !important; }
.editor-mode .hero-wrap { border-color: #e5e5e5 !important; background: #fff !important; color: #1c1917 !important; }
.editor-mode .hero-wrap p,
.editor-mode .hero-wrap li { color: #3f3f46 !important; opacity: 1 !important; }
.editor-mode .hero-panel { border-color: #e5e5e5 !important; background: #f0fdf4 !important; }
.editor-mode .hero-panel span,
.editor-mode .hero-panel h3,
.editor-mode .hero-panel p { color: #1c1917 !important; opacity: 1 !important; }
.editor-mode .hero-panel .badge { background: rgba(0,0,0,.06) !important; border-color: #d4d4d8 !important; }
.editor-mode .tagline { color: #3f3f46 !important; opacity: 1 !important; }
.editor-mode .footnote { color: #a1a1aa !important; opacity: 1 !important; }
.editor-mode .cta-secondary { background: rgba(0,0,0,.06) !important; color: #1c1917 !important; }
.editor-mode .cta-secondary:hover { background: rgba(0,0,0,.1) !important; }
.editor-mode .editor-btn { background: rgba(0,0,0,.06) !important; color: #1c1917 !important; }
.editor-mode .editor-btn:hover { background: rgba(0,0,0,.1) !important; }