/* Custom minimal CSS atop Tailwind CDN */
:root {
  --brand: #1e40af; /* blue-800 */
  --accent: #059669; /* emerald-600 */
}

html { scroll-behavior: smooth; }

/* Button variants (paired with ui_btn) */
.btn-primary{ background: var(--grad-primary); box-shadow: var(--shadow-sm); }
.btn-primary:hover{ box-shadow: var(--shadow-md); }

/* Section helpers */
.section-pad{ padding-top: 4rem; padding-bottom: 4rem; }
@media (min-width: 768px){ .section-pad{ padding-top: 5rem; padding-bottom: 5rem; } }

/* Header shadow on scroll (JS toggles .is-scrolled) */
[data-header].is-scrolled{ box-shadow: 0 6px 24px rgba(15,23,42,0.10); }

/* Typography defaults for content blocks */
.typo p { margin-bottom: 0.75rem; }
.typo ul, .typo ol { margin: 0.75rem 0 0.75rem 1.25rem; }
.typo h1, .typo h2, .typo h3 { line-height: 1.2; margin-top: 1.25rem; margin-bottom: 0.5rem; }

/* Floating CTA (mobile-first) */
.floating-cta { position: fixed; bottom: 16px; left: 16px; right: 16px; display: flex; gap: 12px; z-index: 50; }
@media (min-width: 768px){ .floating-cta { display: none; } }

/* Simple modal visibility helper */
[data-open="true"]{ display: block; }