:root{--color-bg-default: #ffffff;--color-bg-subtle: #f6f8fa;--color-fg-default: #1f2328;--color-fg-muted: #656d76;--color-border: #d0d7de;--color-accent: #064e3b;--color-accent-dark: #022c22;--color-secondary: #d4a373;--color-hero-bg-start: #f5f5f4;--color-hero-bg-end: #e7e5e4;--color-success: #1a7f37;--color-warning: #9a6700;--color-danger: #cf222e;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--font-display: Georgia, "Cormorant Garamond", serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-display);font-size:16px;line-height:1.5;color:var(--color-fg-default);background:var(--color-bg-default)}a{color:var(--color-accent)}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto}.demo-container{max-width:1080px;margin:0 auto;padding:var(--space-4) var(--space-3)}.hero,[class*=hero]{--hero-gradient: linear-gradient(135deg, var(--color-hero-bg-start) 0%, var(--color-hero-bg-end) 100%)}