:root{--color-brand-primary: #3f5a36;--color-brand-primary-dark: #2d4a2d;--color-brand-accent: #98ba8d;--color-danger: #dc2626;--color-info: #3f5a36;--color-muted-50: #f9fafb;--color-muted-100: #f3f3f3;--color-muted-200: #eee;--color-muted-300: #e4e4e4;--color-muted-400: #ccc;--color-muted-500: #707070;--color-text: #1f2937;--color-text-inverse: #f9fafb;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}.ds-btn{border:none;border-radius:var(--radius-sm);padding:.6rem 1rem;cursor:pointer;font-family:var(--font-sans)}.ds-btn-primary{background:var(--color-brand-primary);color:var(--color-text-inverse)}.ds-btn-secondary{background:var(--color-brand-accent);color:var(--color-text)}.ds-btn-danger{background:var(--color-danger);color:#fff}.ds-card{border:1px solid var(--color-muted-200);border-radius:var(--radius-md);background:#fff}.ds-swatch{height:72px;width:100%}