.btn{--btn-border-radius: 4px;--btn-border-width: 0;--btn-font-weight: var(--font-weight-semibold);--btn-font-size: var(--text-base);--btn-bg-color: var(--color-surface-2);--btn-text-color: var(--color-text);--btn-border-color: var(--color-border);display:inline-block;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:var(--line-height-tight);padding:var(--space-xs) var(--space-md);cursor:pointer;border-radius:var(--btn-border-radius);background-color:var(--btn-bg-color);color:var(--btn-text-color);border:var(--btn-border-width) solid var(--btn-border-color);transition:var(--transition-base)}.btn:hover{opacity:.85}.btn-primary{--btn-bg-color: var(--color-surface-3);--btn-text-color: var(--color-text);--btn-border-color: var(--color-border)}.btn-secondary{--btn-bg-color: var(--color-surface-0);--btn-text-color: var(--color-text);--btn-border-color: none}body[data-theme=light] .btn{box-shadow:var(--shadow-sm)}body[data-theme=light] .btn:hover{box-shadow:var(--shadow-md)}body[data-theme=light] .btn-ghost{--btn-text-color: var(--color-text-muted)}body[data-theme=light] .btn-ghost:hover{--btn-bg-color: var(--color-surface-3);--btn-text-color: var(--color-text)}