/* Marketing snapshots aligned with events-ui-live/DESIGN.md and shared/ui/button-variants.ts. */
:root { --font-primary: 'DM Sans',sans-serif; --font-secondary: 'DM Sans',sans-serif; --radius-md: 8px; --shadow-card: 0 0 #0000; --shadow-calendar: 0 0 #0000; --shadow-centered: 0 0 #0000; --surface-action-primary: #FFC107; --surface-action-hover: #FFDF1B; --surface-neutral-secondary-pressed: #E3E5E8; }
body,button,input,h1,h2,h3 { font-family: 'DM Sans',sans-serif !important; }
aside.w-22 { background: #240B31 !important; }
#root .pointer-events-none.fixed.inset-0 { display: none !important; }
main { background: radial-gradient(ellipse at 0 0,#30B4E418,transparent 45%),radial-gradient(ellipse at 100% 100%,#9CCC8415,transparent 45%),#F4F5F7; }
[data-slot=button] { border-radius: 8px; font-weight: 600; transition: background-color 150ms cubic-bezier(.2,0,0,1),color 150ms cubic-bezier(.2,0,0,1); box-shadow: none; }
[data-slot=button].bg-surface-action-primary { background: #FFC107; color: #240B31; }
[data-slot=button].h-11 { height: 40px; padding-inline: 16px; font-size: 14px; }
[data-slot=button].h-11 svg { width: 20px; height: 20px; }
[class*=shadow-card],[class*=shadow-calendar],[class*=shadow-centered] { box-shadow: none !important; }
@media(prefers-reduced-motion:reduce) {* { animation: none !important; transition: none !important; }}